---
title: "The Web Animations API vs. CSS"
url: https://daily.dev/posts/the-web-animations-api-vs-css--s87qvvrj
source_url: https://blog.logrocket.com/the-web-animations-api-vs-css/
type: article
source: "LogRocket"
published: 2021-08-18T19:21:50.818Z
updated: 2021-10-07T14:17:10.317Z
tags: ["css"]
reading_time: 10
upvotes: 12
comments: 0
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.

# The Web Animations API vs. CSS

**[LogRocket](https://daily.dev/sources/logrocket)** · 10 min read · 12 upvotes · 0 comments

## Summary

Web animations are a popular addition to web design, leading to the growth of many JavaScript animation libraries including Framer Motion and GreenSock. Many developers still choose to create web animations from scratch using either CSS transitions, CSS animations, or the JavaScript Web Animations API (WAAPI) In this tutorial, we’ll cover these three methods in-depth, learning how to use each through a relevant demo.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://blog.logrocket.com/the-web-animations-api-vs-css/>

## 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: [#css](https://daily.dev/tags/css)

[View this post on daily.dev](https://daily.dev/posts/the-web-animations-api-vs-css--s87qvvrj)