Вопросы с меткой [hover]
Наведение курсора мыши означает действие по наведению курсора мыши на данный элемент. Наведение также может относиться к событию, в котором пользователь на сенсорном устройстве касается данного элемента.
296 вопросов
- Конкурсные 0
- Неотвеченные
- Цитируемые
- Рейтинг
- Популярные
- За неделю
- За месяц
- Неотвеченные (мои метки)
1
голос
4
ответа
93
показа
Как при наведении(hover) на один элемент изменить несколько других?
Всем привет! Возникла проблема - не могу изменить несколько элементов при наведении на 1.
.services-container:hover + .bot2{
color: black;
}
Вот CSS код, при котором изменяется соседний ...
1
голос
1
ответ
90
показов
Как вставить значение из react компонента в класс tailwind css
В моем приложении планируется смена цветовой темы. Темы хранятся в виде js объекта и импортируются в компонент react. Я делаю кнопки в шапке приложения из svg картинок, вставленных прямо в код. Svg ...
2
голоса
1
ответ
622
показа
:hover на mouse, а :active на tach
В CSS возможно разделить, для курсора применяем hover, а при касании active?
3
голоса
3
ответа
102
показа
У меня есть проблема с анимацией. При отведении курсора, анимация прекращается и обрывается. Нужно чтобы анимация доигрывала после отведения курсор
Вот мой код
.billbord-3dIcon {
position: absolute;
top: 70px;
right: 200px;
z-index: 5;
}
.billbord-3dIcon:hover svg path {
transform-origin: center;
animation: 3s rotateIcon linear;
}...
0
голосов
1
ответ
119
показов
Появление меню при наведении на три точки HTML/CSS
При наведении на .task-dots должно появляться меню .dots с одной кнопкой "Редактировать", но по какой - то причине у меня это не получается.
body {
background-color: #202020;
...
0
голосов
1
ответ
570
показов
Как написать изменение цвета border у элементов списка при hover?
Прохожу курс по CSS, никак не удаётся реализовать hover эффект для элементов списка.
Вот так выглядит макет:
Вот так выглядят нужные стандарт, hover, focus и active эффекты:
Никак не удаётся ...
0
голосов
2
ответа
117
показов
что сделать чтобы Hover не двигал другие блоки
При наведении на текст в навигации navigation-list_item:hover двигает все нижний div line из-за чего вся страница начинает прыгать. Не понимаю как это можно исправить(
@import url("./header.css");
...
0
голосов
1
ответ
118
показов
css/scss: при наведении на один элемент подсвечивать
есть набор <span> у которых проставлены атрибуты attr-id
<span attr-id='1'>X</span> <span attr-id='2'>Y</span> <span attr-id='1'>Z</span>
можно ли в css ...
0
голосов
2
ответа
75
показов
Как при наведении на один элемент менять стили другого элемента если элемент находится с верху?
Не судите строго я начинающий.
И Русский у меня не лучший, заранее извиняюсь.
body {
background-color: rgb(22, 129, 129);
}
.d-flex {
display: flex;
justify-content: space-around;
align-...
0
голосов
1
ответ
52
показа
На изображение наложен тест через position absolute, так же действует hover на это изображение,но прерывается как только навестись на текст в absolute
есть карточка, она является бекграундом, на нее через position:absolute наложен текст, так же карточке задан hover эффект, но как только наводишь на текст наложенный через absolute, эффект hover ...
0
голосов
0
ответов
88
показов
Подскажите, пожалуйста, почему не работает свойство hover у ссылки
Помогите, пожалуйста, с изменением цвета ссылки. В теории должно работать, а на практике - не хочет. Вот html код, в котором расположены ссылки:
<!DOCTYPE HTML>
<html>
<head>
<...
0
голосов
1
ответ
326
показов
Как на HTML и css связать два элемента по id ? (нужно без JS)
Есть три карточки и три точки пагинации, при наведении на первую карточку должен меняться цвет соответствующей точки в пагинации. Никак не могу связать. Код ниже
<div class="circle" id=&...
0
голосов
2
ответа
125
показов
Стилизация ховер-эффектов ссылки в виде кнопки
Необходимо сделать ссылку в виде кнопки с ховер-эффектами, меняющими фоновый цвет и цвет бордера. В дефолтном состоянии и в фокусе ссылка имеет бордер отличный от фонового цвета, в состояниях hover и ...
2
голоса
0
ответов
122
показа
Проблема с анимацией при ховере на карусели swiper
Суть проблемы:
Дизайнер придумал такую анимацию что при ховере на слайд он увеличивается а остальные слайды рядом уменьшаются так что бы 4 слайда (на десктопе) заполняли всю ширину слайдера. Сейчас ...
0
голосов
1
ответ
63
показа
Не работает hover с разными параметрами одновременно к 5 элементам?
.main:hover {
background: white;
color: #A1BAD8;
}
.main:hover .circle:hover {
background: #A1BAD8;
}
.main:hover h3:hover {
color: white;
}
.main:hover p:hover,
.main:hover h2:...