Вопросы с меткой [hover]
Наведение курсора мыши означает действие по наведению курсора мыши на данный элемент. Наведение также может относиться к событию, в котором пользователь на сенсорном устройстве касается данного элемента.
287
вопросов
0
голосов
1
ответ
20
показов
На изображение наложен тест через position absolute, так же действует hover на это изображение,но прерывается как только навестись на текст в absolute
есть карточка, она является бекграундом, на нее через position:absolute наложен текст, так же карточке задан hover эффект, но как только наводишь на текст наложенный через absolute, эффект hover ...
0
голосов
0
ответов
28
показов
Подскажите, пожалуйста, почему не работает свойство hover у ссылки
Помогите, пожалуйста, с изменением цвета ссылки. В теории должно работать, а на практике - не хочет. Вот html код, в котором расположены ссылки:
<!DOCTYPE HTML>
<html>
<head>
<...
0
голосов
1
ответ
34
показа
Как на HTML и css связать два элемента по id ? (нужно без JS)
Есть три карточки и три точки пагинации, при наведении на первую карточку должен меняться цвет соответствующей точки в пагинации. Никак не могу связать. Код ниже
<div class="circle" id=&...
0
голосов
2
ответа
30
показов
Стилизация ховер-эффектов ссылки в виде кнопки
Необходимо сделать ссылку в виде кнопки с ховер-эффектами, меняющими фоновый цвет и цвет бордера. В дефолтном состоянии и в фокусе ссылка имеет бордер отличный от фонового цвета, в состояниях hover и ...
2
голоса
0
ответов
75
показов
Проблема с анимацией при ховере на карусели swiper
Суть проблемы:
Дизайнер придумал такую анимацию что при ховере на слайд он увеличивается а остальные слайды рядом уменьшаются так что бы 4 слайда (на десктопе) заполняли всю ширину слайдера. Сейчас ...
0
голосов
1
ответ
23
показа
Не работает 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:...
1
голос
0
ответов
40
показов
Нужно повторение анимации при прокрутке страницы вверх/вниз и устранить некорректные эффекты при наведении курсора (jQuery и CSS)
Здравия желаю!
Уже четыре дня занимаюсь этой задачей...
Пожалуйста, помогите с решением.
Задача:
— Если прокручиваем страницу до блока с классом Section-1, то
Справа экрана появляется 1-я (красная) ...
1
голос
1
ответ
39
показов
как правильно написать код в css для выполнения задания, изображенного на фото?
<html lang="ru">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
&...
0
голосов
0
ответов
43
показа
Как менять задний фон при наведении на блок
Как сделать так , что бы при наведении на card, менялся задний фон у four__screen ?
.four__screen {
height: 100%;
width: 100%;
position: relative;
display: flex;
align-items: center;
...
0
голосов
2
ответа
47
показов
Назначить hover и click только тому элементу, над которым находится курсор в данный момент
Есть html элементов с неопределенной вложенностью (родительские и дочерние) у которых один и тот же класс 'block_edit'. Все они находятся в фрейме 'landing-frame'. Собственно вопрос в заголовке темы: ...
0
голосов
0
ответов
34
показа
Как поднять кнопку, когда над ней курсор в Unity?
Делаю меню для игры, нужно сделать hover для кнопки, как это реализовать? Я пытался, но ничего не происходит. Sprite Renderer на кнопке есть.
Код:
using UnityEngine;
public class Hover : ...
-2
голоса
1
ответ
222
показа
html - Увеличение картинки вместе с текстом при наведении
Мне надо, чтобы при наведении на текст или на картинку увеличивалось всё: текст, картинка и задняя серая панель
Но сейчас, при наведении на текст, он увеличивается, а картинка пропадает, а при ...
1
голос
2
ответа
39
показов
Как сделать чтобы при наведении любого из объектов работал hover
При наведении мышки на фотку работает, но когда навожусь на текст фото не изменяется.
.header__menu a {
color: #48515e;
}
.header__menu a:hover {
color: #ffffff;
}
.header__menu img {
...
-1
голос
2
ответа
64
показа
Как изменить свойства одного элемента HTML при наведении на другой
Есть менюшка. При наведении снизу появляется полоса. Если нажать на меню то открывается страница и этот элемент меню должен быть подчеркнут. Как сделать чтобы при наведении на следующие элементы меню, ...
0
голосов
2
ответа
48
показов
:hover на li в котором содержится svg и параграф
помогите разобраться,
я совсем зелёный,
прошу словами не кидаться :)
Ситуация такая: Есть ненумерованный список, в нём, в каждом из пунктов лежит и ссылка .
Проблема: Когда я вешаю hover на li , ...
0
голосов
2
ответа
25
показов
При hover нужен не прозрачный фон на полупрозрачном
В шапке сайта полупрозрачная полоса с кнопками названия разделов. Нужно, чтобы при наведении на раздел изменялся фон кнопки и её текст. Примерный код:
HTML
<div class="header">
&...
0
голосов
0
ответов
28
показов
Как добавить delay (или что-то аналогичное) к hover?
В хедере есть блок, на который наводишь и выпадает дропдаун, но по макету, дропдаун находится вне хедера, соотвественно ты не успеваешь на него перевести мышку, ибо когда убираешь курсор с линка, ...
0
голосов
2
ответа
39
показов
как добавить картинку внутри текста при наведении hover
не понимаю как сделать так чтобы при наведении на текст hover снизу текста появлялась картинка, помогите
0
голосов
3
ответа
145
показов
Анимация SVG при наведение на родительский блок
У меня есть карточка у нее есть стрелка
<svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg"&...
0
голосов
0
ответов
15
показов
Выполнять действия при наведении курсора мыши на QPushButton PyQt5 python [дубликат]
Я хочу создать событие при наведении курсора на кнопку.
При клике всё просто:
def rreg():
sound_click.play() #тут звук проигрывается
form.pushButton_2.clicked.connect(rreg)
Как сделать то же ...
1
голос
1
ответ
35
показов
Применение hover к нумерованному списку
Подскажите как подсветить всю строку вместе с порядковым номером?
.wrapper {
width:650px;
color:#280505;
background:#FFFDD0;
border:1px solid black;
box-shadow:0 0 8px rgba(0, 0, 0, 0.4);...
0
голосов
0
ответов
41
показ
Случайная переменная JS в CSS
Вот рабочий пример Variable-animation.
С этой случайной переменной JS я бьюсь давно -- Не работает в событиях CSS переменные или расчеты. Мне почти помог @puffleeck
Есть у меня и другие похожие ...
-2
голоса
1
ответ
95
показов
не работает hover в css [закрыт]
Посмотрел пару вопросов на эту тему, но ничего не помогло(с другого проекта скопировал и переписал значения, тоже не помогло)
Не смог найти ошибки, и решения проблемы тоже, заранее спасибо.
.STDt {...
0
голосов
2
ответа
121
показ
Как сделать добавление текста при наведении на блок?
Как сделать так , чтобы при наведении на блок при помощи hover добавлялся текст, то есть допустим навел я на первый блок курсор, в нем добавился любой текст , убрал курсор с блока , осталась только ...
0
голосов
0
ответов
139
показов
Как сбросить hover у кнопки после клика?
Подскажите пожалуйста, на сайте есть кнопки, как на скриншоте, когда нажимаю ее на мобильных устройствах, перехожу на новую страницу, если возвращаюсь обратно, нажатая кнопка остается со стилями как ...
0
голосов
1
ответ
37
показов
Как сделать hover на родителя и потомка, чтобы срабатывали одновременно?
Есть блок белого цвета, в данный блок вложен блок (синего цвета) с вложенным в него иконочным шрифтом (белого цвета). Как сделать так, чтобы при наведении на родительский блок он становился синего ...
0
голосов
1
ответ
24
показа
Не правильное отображение блоков при использовании hover
Не получается правильно задать работу hover эффекта. При наведении нужный блок с текстом должен полностью раскрываться и отображать скрытую часть текста. Но в результате все соседние блоки также ...
0
голосов
0
ответов
219
показов
Как изменить стиль псевдоэлемента при наведении на него курсора?
Крайне простая штука, которую никак не могу реализовать. Необходимо изменить цвет стрелки в слайдере (которая реализована как псевдоэлемент) при наведении на нее курсора.
Я делала так:
....
1
голос
2
ответа
210
показов
:hover действует на потомка вместе с родителем. Как этого избежать в CSS?
Суть: есть контейнер div, в нем контент с изображением img. Контейнер меньше контента и скрывает лишнюю часть картинки overflow:hidden. При наведении нужно увеличить границы контейнера до размера ...
1
голос
2
ответа
34
показа
Определение щелчка по строке SVG на расстоянии <= 3 пикселей
Вот как я определяю клики по строкам SVG:
window.onmousedown = (e) => {
if (e.target.tagName == 'line') {
alert(); // do something with e.target
}
}
svg line:hover { cursor: ...
0
голосов
0
ответов
22
показа
помогите убрать Hover
Как убрать Hover с логотипа
.header {
// padding: 70px 0 0 0;
// display: flex;
position: fixed;
margin: 0 auto;
// height: 120px;
line-height: 70px;
background-color: #...
0
голосов
1
ответ
47
показов
эффект hover который задействует другой элемент
Нужно сделать так что бы при наведении мышкой на собаку - заблюрилась кошка, а при кошке - заблюрилась собака,подскажите пожалуйста как реализовать?
.images{
width:200px;
height:200px;
...
1
голос
2
ответа
400
показов
CSS: как сделать кликабельной область без влияния на border-bottom?
Нужно сделать всю область кликабельной (при наведении), как display:block..пробовал padding, но он отодвигает border вниз, как режить проблему? Спасибо!
*это dropdown в правой части header'а.
...
0
голосов
1
ответ
44
показа
Cтили не применяются при .header-nav a + a:hover
Помогите, пожалуйста, разобраться.
Хочу задать стили ссылкам при наведении в блоке nav.
Если для этого указывать .header-nav a:hover, то они работают.
Если указывать .header-nav a + a:hover, тогда ...
0
голосов
1
ответ
2k
показов
CSS. Анимация при наведении курсора
Всем привет! Подскажите, пожалуйста, как сделать анимацию, как на картинке, только при наведении мышки? когда я использую hover, у меня отодвигается только один блок на который наведу, а нужно, чтобы ...
1
голос
2
ответа
120
показов
Как скинуть функцию .hover() на тач девайсе?
Всегда думал что .hover() сработает и на таче (как и css вероятно), но оказалось что нет. Вроде кое-как и работает, но увы только в одну сторону - на тач устройстве .hover - аналог клика, то есть ...
0
голосов
1
ответ
103
показа
Как сделать задержку срабатывания наведения :hover? [закрыт]
Есть меню, но при наведение на пункт надо сделать задержку срабатывания наведения
Как сделать задержку срабатывания стиля ?
Лучше через css? или лучше через java?
<?php
/**
* @package Joomla....
0
голосов
0
ответов
37
показов
Как сделать чтобы на мобильном срабатывал :hover если возить пальцем по экрану?
Есть простой html.
<head>
<style>
div.hdiv {width: 200px; height:200px; margin:5px; display:inline-block;}
div.hdiv {background: red;}
div.hdiv:hover {background: green;}
</style&...
0
голосов
1
ответ
54
показа
Как сделать эффект hover с помошью jQuery?
Есть элемент (html код ниже), задача состояла в том чтобы при на ведении на тело элемента ("contacts--body"), менялся цвет фона, а также фон кнопки заполнялся цветом (реализовал через CSS). ...
2
голоса
2
ответа
134
показа
Как повлиять на элементы при :hover за холстом при рисовании следа мыши
У меня есть 8 столбцов flex-box, где при наведении курсора на них будут отображаться изображения. Я хочу оставлять следы при перемещении мыши по экрану, поэтому я использовал onmousemove, чтобы ...
1
голос
2
ответа
41
показ
Как запустить трансформацию при ховере по трём перекрывающимся элементам (диаграмма Венна)
Перевод вопроса @mseabra на EN SO:
Моя диаграмма Венна состоит из трёх кругов, и я хочу масштабировать их при ховере так, чтобы при наведении мыши на пересечение кругов увеличивались все ...
0
голосов
1
ответ
37
показов
Подсветка строки, а не ячейки
Есть таблица
* {
margin: 0;
padding: 0;
background-color: rgb(225, 226, 231);
font-family: futura;
}
.hstyle {
text-align: center;
margin-top: 30px;
}
.secondandmore {
...
1
голос
2
ответа
308
показов
Мне нужно добавить расстояние между текстом и свойством underline для этого текста
У меня есть заголовк-ссылка, и при наведении она должна иметь свойство подчеркивания как на изображении ниже;
При наведении я даю свойство text-decoration: underline solid 1px $green;
И у меня ...
0
голосов
1
ответ
226
показов
заставить поменять css свойства одного блока при наведении на элемент другого блока?
Подскажите пожалуйста, как заставить поменять css свойства одного блока при наведении на элемент другого блока?
Например:
<div class="filter-wrapp">
...
1
голос
2
ответа
34
показа
Не работает .class:hover .class2 [закрыт]
Всегда работало, сейчас не работает.
.block1 {
width: 100px;
height: 100px;
background-color: red;
}
.block2 {
width: 100px;
height: 100px;
background-color: green;
}
.block1:hover ....
0
голосов
0
ответов
32
показа
Не срабатывает hover и before
#about-me .center ul li > a.mnblog {
position: relative;
display: inline-block;
text-decoration: underline;
font-size: 18px;
color: #3e4757;
}
#about-me .center ul li > a....
0
голосов
1
ответ
129
показов
CSS hover анимация
При наведении на картинку у меня срабатывает анимация, но я не могу сделать так, чтобы такой же анимацией она возвращалась обратно. Так же она просто РЕЗКО возвращается в исходное положение.
Пробовал ...
2
голоса
1
ответ
129
показов
Почему не работает hover?
.info {
color: rgba(241, 245, 4, 0.959);
background-color: rgba(158, 158, 152, 0.7);
height: 100%;
font-size: 60px;
font-weight: 500;
display: none;
}
.info:hover {
color: rgba(241, 245,...
3
голоса
1
ответ
2k
показов
Как изменить цвет фона внутри дочернего элемента div при наведении курсора?
Наведите указатель мыши на .parent и изменяется цвет фона (работает).
Наведите указатель мыши на '.child' и изменяется цвет фона (работает).
Я хочу навести курсор на .child и изменить только цвет ...
3
голоса
1
ответ
49
показов
Как сделать при hover текст другого цвета, стрелку другого цвета и увеличить ее на 20px?
<div class="button promo__content-button"><a class="link" href="#"><span>Дивитися &...