Size: a a a

Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript

2019 August 19

D🐈

Dan 🐈 Capybara in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
источник

D🐈

Dan 🐈 Capybara in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
У нас новичкам бот ссылки режет :)
источник

Р

Роб in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Чернев Евгений
Всем привет! Может кто згает как быть если у меня есть див и у него размеры генирируются но у этого дива стоит hoverTransition: all 0.90s; получается он срабатывает не только на хоаер но и на все изменения размеров..... как сделать так чтоб на ховер он работал а пи изменении размеров нет
Через js привязывать к событию mouseover. Хотя без понимания задачи в этом ответе нет смысла. Скорее всего в твоем случае и делать ничего не нужно.
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
от если ты сейчас просто зайдеш и поменяешь мануально размер допустим height то он за 0,90 секунд поменяется но мне нужно чтоб когда я меняю мануально размеры hover transition не работал а когда срабатывает hover чтоб он рабомал у меня есть ренешие через js Но мне нужно поставаться это сделать через css
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
сейчас чтото придумаю
источник

AK

Alexander Karpau in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Чернев Евгений
сейчас чтото придумаю
https : // codepen .io /pen/
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
https://codepen .io /pen/
источник

AK

Alexander Karpau in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
впринципе хватилобы даже доменное имя разделить пробелом
источник

AK

Alexander Karpau in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
https://codepen .io/pen/
источник

AK

Alexander Karpau in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
меньше пробелов удалять нужно будет при вставке в браузер
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
вот просто поменяй вместо 450 на 100 и ты увидешь что transition сработает а мне нужно чтоб только при переходе на ховер он срабатывал а в любых других случаях нет
источник

M

Mourat in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Чернев Евгений
Всем привет! Может кто згает как быть если у меня есть див и у него размеры генирируются но у этого дива стоит hoverTransition: all 0.90s; получается он срабатывает не только на хоаер но и на все изменения размеров..... как сделать так чтоб на ховер он работал а пи изменении размеров нет
Если транзишин указан внутри ховер он не должен работать без наведения курсора. Но ты всегда можешь переопределить его на none
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Mourat
Если транзишин указан внутри ховер он не должен работать без наведения курсора. Но ты всегда можешь переопределить его на none
так чтото мне немного не понятно в смысле в верху ховера?
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
а переопределить я его не могу мне он нужен немного для других вещей
источник

M

Mourat in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Чернев Евгений
так чтото мне немного не понятно в смысле в верху ховера?
С телефона пишу не очень внятно ) да до ховера пропиши transition:none
источник

M

Mourat in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Important добавь если не понимает с первого раза
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
мммм не немогу я ему сравить none он мне для bg color
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
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>
источник

ЧЕ

Чернев Евгений in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
CSS
.div1 {
 width: 100px;
 height: 450px;
 background: red;
 transition:all 0.90s ease-in-out;
}

.div1:hover {
 height: 100px
}
источник

M

Mourat in Веб-Технологи: UI/UX, Вёрстка, Фронтенд, Javascript
Чернев Евгений
мммм не немогу я ему сравить none он мне для bg color
тогда замени transition: all на transition: backgroud-color
источник