D🐈
Size: a a a
2019 August 19
D🐈
У нас новичкам бот ссылки режет :)
Р
Чернев Евгений
Всем привет! Может кто згает как быть если у меня есть див и у него размеры генирируются но у этого дива стоит hoverTransition: all 0.90s; получается он срабатывает не только на хоаер но и на все изменения размеров..... как сделать так чтоб на ховер он работал а пи изменении размеров нет
Через js привязывать к событию mouseover. Хотя без понимания задачи в этом ответе нет смысла. Скорее всего в твоем случае и делать ничего не нужно.
ЧЕ
от если ты сейчас просто зайдеш и поменяешь мануально размер допустим height то он за 0,90 секунд поменяется но мне нужно чтоб когда я меняю мануально размеры hover transition не работал а когда срабатывает hover чтоб он рабомал у меня есть ренешие через js Но мне нужно поставаться это сделать через css
ЧЕ
сейчас чтото придумаю
AK
Чернев Евгений
сейчас чтото придумаю
https : // codepen .io /pen/
ЧЕ
https://codepen .io /pen/
AK
впринципе хватилобы даже доменное имя разделить пробелом
AK
https://codepen .io/pen/
AK
меньше пробелов удалять нужно будет при вставке в браузер
ЧЕ
вот просто поменяй вместо 450 на 100 и ты увидешь что transition сработает а мне нужно чтоб только при переходе на ховер он срабатывал а в любых других случаях нет
M
Чернев Евгений
Всем привет! Может кто згает как быть если у меня есть див и у него размеры генирируются но у этого дива стоит hoverTransition: all 0.90s; получается он срабатывает не только на хоаер но и на все изменения размеров..... как сделать так чтоб на ховер он работал а пи изменении размеров нет
Если транзишин указан внутри ховер он не должен работать без наведения курсора. Но ты всегда можешь переопределить его на none
ЧЕ
Если транзишин указан внутри ховер он не должен работать без наведения курсора. Но ты всегда можешь переопределить его на none
так чтото мне немного не понятно в смысле в верху ховера?
ЧЕ
а переопределить я его не могу мне он нужен немного для других вещей
M
Чернев Евгений
так чтото мне немного не понятно в смысле в верху ховера?
С телефона пишу не очень внятно ) да до ховера пропиши transition:none
M
Important добавь если не понимает с первого раза
ЧЕ
мммм не немогу я ему сравить none он мне для bg color
ЧЕ
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class = "div1">
</div>
<div class = "div2">
</div>
</body>
</html>
ЧЕ
CSS
.div1 {
width: 100px;
height: 450px;
background: red;
transition:all 0.90s ease-in-out;
}
.div1:hover {
height: 100px
}M
Чернев Евгений
мммм не немогу я ему сравить none он мне для bg color
тогда замени transition: all на transition: backgroud-color