Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Дмитрий
@letehaha
Вникаю вo front-end
CSS
Как лучше сделать такое?
Есть вот такой блок:
При ховере происходит вот это:
Как лучше такое сделать? Пробовал через псевдоэлементы и css – не пошло. Проблема конкретно со стрелкой и ховером.
Вопрос задан
более трёх лет назад
134 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Сергей delphinpro
@delphinpro
Куратор тега CSS
frontend developer
codepen.io/delphinpro/pen/GmRJBJ
Ответ написан
более трёх лет назад
Комментировать
Нравится
4
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
GreatRash
@GreatRash
Никак не сделать. На слове "просчёт" ховер всё равно будет глючить, потому что слово стоит дальше начала стрелки. Дизайнер облажался. объясните ему, что так делать нельзя.
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Дмитрий
@letehaha
Автор вопроса
Я думаю решением этой проблемы будет "ну подвинь стрелку чуть дальше" :) И мы вернемся всё к тому же вопросу.
Написано
более трёх лет назад
Сергей delphinpro
@delphinpro
Куратор тега CSS
Блин, я не знал, что никак не сделать... Нечаянно сделал. =)))
Написано
более трёх лет назад
GreatRash
@GreatRash
Сергей
: Молодец. Про тонны before/after я не подумал.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Как добавить прозрачность для sph в imgenx?
1 подписчик
22 часа назад
23 просмотра
0
ответов
CSS
+1 ещё
Простой
Как сделать так, чтобы карточка была по размеру контента, если его немного?
1 подписчик
13 мар.
93 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
1 подписчик
13 мар.
78 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
13 мар.
113 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
12 мар.
209 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
12 мар.
116 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
11 мар.
194 просмотра
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
11 мар.
96 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
878 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
142 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама