Доброе утро! Коллеги, не подскажете такой вопрос: есть блок с

Question

Доброе утро! Коллеги, не подскажете такой вопрос: есть блок с

бэкграундом (картинкой) и текстом, при наведении используется такой стиль:
&:hover {
transform: translateY(-5px) scale(1.02);
z-index: 2;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
}
Все корректно работает, но текст при этом слегка трясется и расфокусируется во время трансформации. Можно ли этого избежать?

#css #frontend #html #programming #russian

0

05.08.2021

10 ответов

16 просмотров

Alex Tuor4eg Автор вопроса

Нет мыслей?)

0

05.08.2021

Alex Tuor4eg Автор вопроса

его имя роберт полсон 🎰
https://stackoverflow.com/questions/14677490/blurr...

спасибо, почитаю вроде пока помогло transition: transform 300ms ease-in-out; еще поэкспериментирую)

0

05.08.2021

Combot

Alex Tuor4eg (0) увеличил репутацию его имя роберт полсон (51)

0

05.08.2021

And Smi

Alex Tuor4eg
спасибо, почитаю вроде пока помогло transition: tr...

Для таких случаев изобрели свойство will-change - ты даешь браузеру понять заранее что будет изменяться и от подергивания во время анимации это как раз и спасает

0

05.08.2021

Alex Tuor4eg Автор вопроса

And Smi
Для таких случаев изобрели свойство will-change - ...

не знал, спасибо, тоже почитаю)

0

05.08.2021

Combot

Alex Tuor4eg (0) увеличил репутацию And Smi (39)

0

05.08.2021

And Smi