Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
20 часов назад
92 просмотра
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
75 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
176 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой аналог метода .includes("текст") для полного соответствия?
1 подписчик
30 мая
626 просмотров
1
ответ
HTML
+2 ещё
Средний
Как перевести HTML-текст, не теряя теги?
2 подписчика
30 мая
1001 просмотр
2
ответа
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
3 подписчика
30 мая
1422 просмотра
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
136 просмотров
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
142 просмотра
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
88 просмотров
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
171 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Разработчик Bitrix/Bitrix24 (part time)
BGS Group
от 1 000 до 1 500 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама