Time-based background colour transitions with Temporal and CSS color-mix
Mapping the time of day to four colour stages that blend smoothly as hours pass.
Animation news
Experimenting with
random()in CSSA new function brings randomized values to layout, animation, and visual effects.
Animating the dialog element using view transitions
Morph a button into a
<dialog>by swappingview-transition-nameinsidestartViewTransition().
CSS animated SVG maps
Stagger pins, fade in the background, and draw lines with
stroke-dasharrayanddashoffset.
Entry and exit transitions with modern CSS
Smooth entry and exit animations with
@starting-style,allow-discrete, and View Transitions.
CSS vs. JavaScript: exploring the performance implications of different animation strategies
How CSS, Web Animations API, GSAP, and Motion behave under main-thread congestion.
How to control infinite CSS animations
Speed up, slow down, and reverse animations with
animation-compositionand CSS variables.
SVG from scratch
Carmen Ansio presents SVG not as a file format but as a DOM you can style and script.
Scroll-driven animations
Josh Comeau dives into CSS animation-timeline and maps keyframes over scroll distance.
Folded corner with CSS
Hover effect with clip-path, triangles, and shadow layers explained step by step.
Sprites on the web
A practical guide to CSS spritesheets, steps(), and real-world trade-offs.
Smooth view transitions for dialogs
Combining modern web APIs for seamless UI animations.