Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
kulya_sant
@kulya_sant
JavaScript
Как создать имитацию ховер-анимации на блоке div?
Есть вот такой вот блок div, в нем лежит input. Нужно сделать так, чтобы по фокусу на инпут менялся стиль дива
https://codepen.io/kulya675/pen/BzWVaB
Нужно на жкверке написать, пробовал через фокус событие на инпуте, не получилось.
Помогите!
Вопрос задан
более трёх лет назад
128 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
через :focus нужно
shpargalkablog.ru/2014/04/focus-css.html
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
kulya_sant
@kulya_sant
Автор вопроса
По нажатию на сам блок, это поможет, но если инпут держать в фокусе, то не получается изменить сам блок
Написано
более трёх лет назад
xmoonlight
@xmoonlight
kulya_sant
: зачем сам блок? нужно чтобы все было внутри границ инпута
Написано
более трёх лет назад
Lumore
@Lumore
Front-end developer
codepen.io/Lumore/pen/OXpEmV
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как сделать lazy load pdf?
1 подписчик
9 часов назад
81 просмотр
2
ответа
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
25 июл.
166 просмотров
1
ответ
JavaScript
Простой
Как получить переменную из esm-модуля?
1 подписчик
24 июл.
124 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
1 подписчик
24 июл.
63 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
56 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Каким образом отлавливать и корректно устранять конкурирующие запросы javascript на сайте?
1 подписчик
21 июл.
508 просмотров
1
ответ
JavaScript
Простой
Как улучшить изображение от генерации pdf в изображение?
1 подписчик
21 июл.
99 просмотров
1
ответ
JavaScript
Простой
Как в javascript сделать увеличение последующего значения на определенное число?
1 подписчик
19 июл.
211 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
52 просмотра
0
ответов
JavaScript
Простой
Переменная, созданная в разных местах работает в addEventListener по-разному, почему?
2 подписчика
16 июл.
197 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript Developer (KSC)
Лаборатория Касперского
JavaScript Developer (NGFW)
Лаборатория Касперского
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама