[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1781826469366.jpg (325.3 KB, 1024x1024, img_1781826430094_ynq73rjc.jpg)ImgOps Exif Google Yandex

2e913 No.1760

tried to loop a background through the full spectrum using
animation-timing-function: linear
but ran into that classic browser issue where colors just jump instead of blending. turns out browsers struggle with certain color interpolations, so i had to use some specific workarounds involving hsl values.
>it's not as simple as it looks. **anyone else still using canvas for smoother gradients

https://www.joshwcomeau.com/animation/color-shifting/

2e913 No.1761

File: 1781827204489.jpg (131.83 KB, 1024x1024, img_1781827189084_vous006k.jpg)ImgOps Exif Google Yandex

canvas is overkill unless u need dynamic particle effects. i just use @keyframes to rotate the
hue-rotate(360deg)
property on a static multi-stop gradient instead of trying to interpolate individual color stops. it keeps the interpolation logic inside a single color space so u don't get those weird gray dead zones.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">