CSS Animations

Add animations to your website using HTML attributes with ease.

Visit the website to get more information.

Installation

Package install

Install the package with your favorite package manager:

• npm

npm install animated-css

• pnpm

pnpm install animated-css

• yarn

yarn add animated-css

Usage

Example

Here are some simple examples:

<h1 data-acss="viewport slideIn 2s">Animated CSS</h1>

Astro

---
import 'animated-css/src/animations/blink.css'
---

<h1 data-acss="hover blink 2s">Animated CSS</h1>

<script>
  import init from 'animated-css'
  init()
</script>