Задать вопрос
@PHPjedi
javascript

Как сделать такой input?

Добрый день!

На сайте Apple наткнулся на такое чудо форму...
5c6a67f531d09416074409.png5c6a67fcb2286199441238.png

До клика в поле "Имя", label находится по центру input, а после клика происходит то, что вы видите :)

Я использую Bootstrap у себя в проекте. Не подскажите, как мне сделать такую же красивую анимацию?

Буду очень признателен!)
  • Вопрос задан
  • 228 просмотров
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 2
wapster92
@wapster92 Куратор тега CSS
Держи. Вот еще вариант на нормальном css без фигни
Ответ написан
7 комментариев
7 комментариев
@yarnstart
Превозмогание и React
чистый css - https://jsfiddle.net/8mc425hp/1/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Модель управления электродвигателем в Matlab, Simulink
24 апр. 2024, в 06:52
5000 руб./за проект
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Ещё заказы