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

Question

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

Answer 1

Постараемся, отправь твой код

Answer 2

Свойство 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);
}

Answer 3

Да это просто, пиши свойство transition только в .card а не .card:hover

Answer 4

Не за что 👍

Answer 5

.card:hover{
box-shadow: 0 0 10px rgba(0,0,0,0.6);
transition: .3s linear;
transform: scale(1.01);
}
Вот, тут в принципе ничего особенного, сидел, экспериментировал.

Answer 6

Нет, у меня все работает, и значений в box-shadow 4, и точка или запятая разницы нет.
Я спрашивал о том есть ли какая то функция, которая делает так чтобы после того как я отвел мышь от блока он также плавно принял свой первоначальный вид, как и при наведении на него он плавно принимал другой вид

Answer 7

И правда, сработало. Огромное спасибо!