KIRUPA 🍊

KIRUPA 🍊

Share this post

KIRUPA 🍊
KIRUPA 🍊
Realistic CSS Animations and the linear() Timing Function! 🍱
Copy link
Facebook
Email
Notes
More

Realistic CSS Animations and the linear() Timing Function! 🍱

Realistic animations are now closer than ever with the new linear() CSS easing function.

KIRUPA 🍊's avatar
KIRUPA 🍊
Aug 28, 2023
βˆ™ Paid
6

Share this post

KIRUPA 🍊
KIRUPA 🍊
Realistic CSS Animations and the linear() Timing Function! 🍱
Copy link
Facebook
Email
Notes
More
2
Share

Hi everybody - When it comes to creating realistic animations, a crucial element is the various accelerations and decelerations that make up the animation’s behavior:

javascript animation

We define these accelerations and decelerations in our web animations by defining what are known as timing (aka easing) functions. If you aren’t familiar with what these are, take a quick f…

Keep reading with a 7-day free trial

Subscribe to KIRUPA 🍊 to keep reading this post and get 7 days of free access to the full post archives.

Already a paid subscriber? Sign in
© 2025 KIRUPA 🍊
Privacy βˆ™ Terms βˆ™ Collection notice
Start writingGet the app
Substack is the home for great culture

Share

Copy link
Facebook
Email
Notes
More