Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
s_fedchuk
@s_fedchuk
HTML
CSS
Как сделать при фокусе на input активацию анимации на другом элементе?
Мне нужно при активированном input сделать сдвиг текста который выше находится. Можете предложить как это реализовать.
Вопрос задан
более трёх лет назад
64 просмотра
1
комментарий
Подписаться
1
Простой
1
комментарий
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Если текст который "выше", в коде будет ниже и он или его родитель будут на одном уровне с инпутом, то через селекторы ~ или +. Поменять порядок отображения можно будет через flex order.
Если нет, то на js.
Не знаю, что точно вам нужно, но типа того:
snippet
Написано
более трёх лет назад
Решения вопроса
1
Шохрух Шаймардонов
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Используйте label (главное после инпута его в html расположить)
И с помощью input:focus + label анимируйте
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
s_fedchuk
@s_fedchuk
Автор вопроса
А если нужно над input?
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
s_fedchuk
, значит на CSS никак. Можете играться с этим, конечно, как-то:
https://developer.mozilla.org/ru/docs/Web/CSS/:foc...
Но это все обычные люди сделали бы на JS.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как выровнить в колонку фотки как на макете?
1 подписчик
23 часа назад
63 просмотра
1
ответ
CSS
+1 ещё
Простой
Как сделать чтобы блок с border-dashed постепенно заполнялся border-solid?
2 подписчика
вчера
1009 просмотров
1
ответ
JavaScript
+1 ещё
Сложный
Как оптимизировать загрузку и парсинг больших JS файлов со стороны браузера/клиента?
1 подписчик
вчера
136 просмотров
4
ответа
HTML
+1 ещё
Средний
Как выровнять текст и картинку внутри ссылки?
1 подписчик
26 июн.
118 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Нужна помощь с i18n + переключателем языка на нативном JS и HTML?
1 подписчик
25 июн.
153 просмотра
0
ответов
HTML
+1 ещё
Простой
Как сохранить данные на сайте html+css в файл txt?
1 подписчик
17 июн.
239 просмотров
5
ответов
CSS
+2 ещё
Простой
Не работает css в visual studion?
1 подписчик
15 июн.
109 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как добавить AutoPlay для видео в модальном окне?
1 подписчик
12 июн.
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как реализовать переход с Bootstrap 3 на Bootstrap 5?
1 подписчик
12 июн.
145 просмотров
1
ответ
JavaScript
+3 ещё
Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
1 подписчик
11 июн.
130 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разрабодчик
MyAdsTarget
от 150 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама