sfi0zy May 21 2020 at 12:27

Прокачиваем свои CSS-анимации

10 min

79K

Website development*CSS*

+18

Comments 3

RAX7 May 22 2020 at 09:23

Я как-то пытался использовать разные animation-timing-function для анимации движения вдоль кривой

довести до ума это дело не получилось, скорость движения зависит от формы кривой и как сделать её равномерной я так и не придумал. Может кому пригодится.

wadowad Jun 2 2020 at 14:19

Имитировать «липкие» фильтры можно без svg, лишь возможностями css. Для начала задаётся тень у элементов, затем повышается общий контраст, граница тени получается резкой и на наложении теней получается требуемый эффект. Например, так это реализовано тут: nzbin.github.io/three-dots

sfi0zy Jun 2 2020 at 14:33

Да, хорошая идея. Правда недостатки у этого подхода те же, что и у SVG — плохая производительность и проблемы с IE. И если IE вымирает, то с производительностью все не так просто. Так что на вкус и цвет фломастеры разные, но в работе не стоит злоупотреблять ни тем, ни другим.

Show the best of all time