---
title: "Resume and pause animations in CSS"
url: https://daily.dev/posts/resume-and-pause-animations-in-css-bf9kndqbn
source_url: https://www.amitmerchant.com/run-and-pause-animations-in-css/
type: article
source: "Community Picks"
published: 2023-08-07T14:32:12.782Z
updated: 2023-12-07T12:02:45.284Z
tags: ["javascript", "css", "php"]
reading_time: 1
upvotes: 29
comments: 2
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Resume and pause animations in CSS

**[Community Picks](https://daily.dev/sources/community)** · 1 min read · 29 upvotes · 2 comments

## Summary

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.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.amitmerchant.com/run-and-pause-animations-in-css/>

## Community discussion

Top comments from developers on daily.dev.

**@alwaisy** · 0 upvotes

> Nice blog design Amit.
> To the point concept.

**@fayfay00** · 0 upvotes

> Nice this is important

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#javascript](https://daily.dev/tags/javascript), [#css](https://daily.dev/tags/css), [#php](https://daily.dev/tags/php)

[View this post on daily.dev](https://daily.dev/posts/resume-and-pause-animations-in-css-bf9kndqbn)