I have been working with CSS for like 10+ years now and I have worked with CSS animations for a fair amount of time. But I didn’t know that you can pause and resume animations in CSS until recently.

Anja Petry

HTML

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Resume and resume animations in CSS can be paused using the property. This property accepts two values: and. The value is the default value and it lets the animation run as normal. This can help you build some interesting UIs. For instance, you can pause the animation when the user hovers over the element and resume it.

Resume and pause animations in CSS

<p>Nice blog design Amit.
To the point concept.</p>
