0

Плавный уход с hover эффекта css

Кто-нибудь подскажет как сделать плавный уход hover'а? Когда уводишь мышь и эффект исчезает мгновенно, хотел бы это исправить.

3rd Sep 2020, 4:53 PM
flurys
flurys - avatar
7 Respostas
+ 1
Постараемся, отправь твой код
3rd Sep 2020, 5:28 PM
Muhammadamin
Muhammadamin - avatar
+ 1
Свойство box-shadow имеет 4 значение у тебя здесь 3 box-shadow: 1 2 3 4 цвет; 1 смешение по горизонтали 2 смешение по вертикали 3 размытие 4 толшина Scale(x,y) здесь будет запятая или только одно значение. Например: .card:hover{ box-shadow: 0 0 10px 4px rgba(0,0,0,0.6); transition: .3s linear; transform: scale(2,2); }
3rd Sep 2020, 5:47 PM
Muhammadamin
Muhammadamin - avatar
+ 1
Да это просто, пиши свойство transition только в .card а не .card:hover
3rd Sep 2020, 5:54 PM
Muhammadamin
Muhammadamin - avatar
+ 1
Не за что 👍
3rd Sep 2020, 6:01 PM
Muhammadamin
Muhammadamin - avatar
0
.card:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.6); transition: .3s linear; transform: scale(1.01); } Вот, тут в принципе ничего особенного, сидел, экспериментировал.
3rd Sep 2020, 5:36 PM
flurys
flurys - avatar
0
Нет, у меня все работает, и значений в box-shadow 4, и точка или запятая разницы нет. Я спрашивал о том есть ли какая то функция, которая делает так чтобы после того как я отвел мышь от блока он также плавно принял свой первоначальный вид, как и при наведении на него он плавно принимал другой вид
3rd Sep 2020, 5:52 PM
flurys
flurys - avatar
0
И правда, сработало. Огромное спасибо!
3rd Sep 2020, 5:57 PM
flurys
flurys - avatar