Josh Comeau • 6/10/2025

Partial Keyframes

Read Original

This article explains how omitting the 'from' block in CSS keyframe animations allows the animation to inherit its starting values from the element's current style. This technique makes animations more dynamic and composable, enabling effects like fading from a semi-transparent state. It includes code examples and a playground to demonstrate the concept.

0 comments
#Frontend #css #keyframes
Partial Keyframes

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
Introducing GPT-5.1 for developers
Simon Willison • 6 votes
2
A simple explanation of the big idea behind public key cryptography
Richard Gendal Brown • 1 votes
3
Google Antigravity Exfiltrates Data
Simon Willison • 1 votes
4
🚀 AG-UI + Agent Framework + .NET + Aspire: Web-Enabling Your Intelligent Agents (Blog + Demo + Code!)
Bruno Capuano • 1 votes
5
Fix “This video format is not supported” on YouTube TV
David Walsh • 1 votes
6
Tooltip Components Should Not Exist
TkDodo Dominik Dorfmeister • 1 votes
7
llm-anthropic 0.22
Simon Willison • 1 votes
8
GPT-5.1 Instant and GPT-5.1 Thinking System Card Addendum
Simon Willison • 1 votes
9
Nano Banana can be prompt engineered for extremely nuanced AI image generation
Simon Willison • 1 votes
10
Hire Me in Japan
Dan Abramov • 1 votes