https://github.com/w3c/csswg-drafts/issues/3837
Apr 17, 2019 - Why Professional polish of motion graphics often includes the application of motion blur. In most cases, it's a boolean toggled at the layer level, that...
css animationmotion blurissue
https://frontendmasters.com/blog/staggered-animation-with-css-sibling-functions/
The new CSS sibling-index() (and -count()) functions are perfect for staggered timing affects. This goes a little step further staggering both before and after...
frontend mastersanimationcsssiblingfunctions
https://required.com/en/blog/css-shadow-play-scroll-shadows-with-animation-timeline/
Jul 21, 2025 - Create smooth CSS scroll shadows with animation-timeline – a modern, accessible trick to reveal scrollable content.
shadow playcssscrollshadowsquot
https://www.cssscript.com/best-text-animation-libraries/
Feb 11, 2025 - A list of 10 best text animation libraries that make it easy to apply fancy animations and typing effects to your text using native vanilla JavaScript.
text animationjavascript librariesbesttypewriterupdate
https://frontendmasters.com/blog/infinite-marquee-animation-using-modern-css/
A row of logos that animate forever perfectly and don't have any duplicated HTML or JavaScript at all is quite a trick. Thanks modern CSS!
frontend mastersinfinitemarqueeanimationusing
https://tobiasahlin.com/blog/curved-path-animations-in-css/
We can apply one timing function per axis to produce curved paths, by using two or more objects to drive an animation.
movingalongcurvedpathcss
https://verpex.com/blog/website-tips/a-text-reveal-animation-using-css
Use modern CSS tricks to create a text reveal animation (works with multi-line of text)
textrevealanimationusingcss
https://css-tricks.com/almanac/properties/a/animation-range/
Jan 20, 2026 - The CSS animation-range property lets you control how a view timeline animation works, setting exactly when and where the animation starts and stops. You can
css tricksanimationrange
https://markodenic.com/css-pulse-animation/
Enhance user engagement with a smooth pulse animation! This eye-catching effect is perfect for quickly grabbing attention and improving UI interaction. Learn...
web developercsspulseanimationmarko
https://noodlemagazine.cloud/top-free-css-animator-alternatives-best-animation-tools/
Jan 30, 2025 - Discover the top free CSS animator alternatives. Learn about free animation tools and how to create stunning animations without the cost,
top freebest animationcssanimatoralternatives
https://stewartsmith.io/work/black-swan
Music video for Thom Yorke’s song “Black Swan”, composed of website elements manipulated in realtime through a mixture of style sheet animation and...
black swancss animationmusic videostewartsmith
https://css-tricks.com/books/greatest-css-tricks/scroll-animation/
There are some scroll animations that are possible in CSS without any JavaScript at all. Just look at the chapter on the Scroll Indicator, which is clearly CSS...
scroll animationcss tricks
https://www.bram.us/2025/11/13/animating-css-width-or-height-no-longer-force-a-main-thread-animation-in-chrome-under-the-right-conditions/
When their values don't change throughout the animation, CSS width / height animations can run on the Compositor, instead of being forced to run on the Main...
css widthanimatingheightlongerforces
https://nerdy.dev/the-css-podcast-on-scroll-driven-animation
Ep #90 Scroll-Driven Animation Una , rad special guest Bramus , and I break down scroll-driven animation ! For more learning and information, checkout...
css podcastscrolldrivenanimationseptember
https://css-tricks.com/almanac/properties/a/animation-timeline/
Feb 18, 2025 - The animation-timeline CSS property controls the progress of animations using timelines beyond the traditional document timeline. Typically, CSS animations
css tricksanimationtimeline
https://verpex.com/blog/website-tips/how-to-create-a-css-only-infinite-scroll-animation
Use modern CSS Tricks to create an infinite scroll animation using any kind of elements. No JavaScript required.
infinite scrollcreatecssanimation