Коллекция форм поиска для сайта | html, css и javascript (jQuery)

Подборка бесплатных форм поиска для сайта с красивыми эффектами и анимацией при помощи HTML, CSS (CSS3 & HTML5) и JavaScript (jQuery). Hover-эффекты, эффекты при нажатие, 3D и прочее… Сразу на странице Вы можете просмотреть Демо и скачать исходный код (* zip).

Минималистичная форма поиска с интересным эффектом при раскрытие

Скачать / Посмотреть на CodePen

(далее…)

UI #2 — Search Bar: форма поиска с красивым эффектом

Скачать / Посмотреть на CodePen

(далее…)

Анимированная форма поиска с помощью библиотеки GreenSock Animation Platform (GSAP)

Скачать / Посмотреть на CodePen

(далее…)

Красивый эффект при раскрытие формы поиска

Скачать / Посмотреть на CodePen

(далее…)

Красивое раскрытие формы поиска при клике на иконку

Скачать / Посмотреть на CodePen

(далее…)

Эффект «выкатывающегося» поля для ввода поискового запроса при клике на иконку

Скачать / Посмотреть на CodePen

(далее…)

Оригинальная анимация при нажатии на поиск

Скачать / Посмотреть на CodePen

(далее…)

Поле ввода (input) с интересным эффектом — при наборе текст подчеркивается ровно на свою длину

Скачать

(далее…)

Анимированная иконка поиска, при нажатие превращается в форму поиска

Скачать

(далее…)

Анимированная форма поиска: изначально это просто иконка, при клике превращается в строку для ввода поискового запроса

Скачать

(далее…)

Search UI — красивая анимация для формы поиска

Скачать

(далее…)

Search Box — форма поиска с анимацией на чистом CSS

Скачать

(далее…)

Оригинальное поле поиска на чистом CSS

Скачать

(далее…)

Динамичная анимация окна поиска

Скачать

(далее…)

Fullscreen Search — полноэкранный поиск по сайту

Скачать

(далее…)

Search bar animation

Скачать

(далее…)

Анимированное окно поиска

Скачать

(далее…)

Красивая анимация иконки для формы поиска на сайте

Скачать

(далее…)