Нестандартная подсказка в поле формы input

Нестандартная подсказка в поле формы input

От автора: стандартные подсказки в поле input при вводе значений в эти поля пропадают. В данном уроке мы с вами создадим интерактивную подсказку, которая не исчезает при попадании фокуса на input, и, кроме этого, она с эффектом плавно перемещается и остается всегда на виду.

Также в уроке мы познакомимся с двумя редкими свойствами, которые могут быть очень полезны в ситуациях, когда элементы перекрывают друг друга, и в ситуации, когда текст выходит за границы элемента.

По результатам урока вы научитесь задавать подсказки с интересным эффектом для текстовых полей без использования атрибута placeholder.

скачать исходники

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree