极致动画前端

Pure CSS / JS Animations · 60+ Effect Libraries

✨ 免登录 · 免费 · 开源

🚀 快速使用

                    <link rel="stylesheet" href="animate.min.css">

                    <h1 class="animate__animated animate__bounce">Hello</h1>

🎬 Animate.css 动画演示

🏀 Bounce

💗 Heart Beat

📳 Shake

🎵 Swing

🍦 Wobble

🎉 Tada

🎯 Rubber Band

🔄 Flip

🌀 Rotate In

🔍 Zoom In

⬆️ Slide In Up

⚡ Light Speed

⏳ Loading 动画

Sk Fading Circle

Three Bounce

Wandering Cubes

Spinner Pulse

Chasing Dots

Double Bounce

Rotating Plane

Wave

Cube Grid

✨ Animate.css 🎨 Particles.js 📜 AOS ⚡ SpinKit 🎯 Loaders.css 🔮 Vue Carousel 3D 🌈 CSS Inspiration 🚀 React Desktop ✨ Animate.css 🎨 Particles.js 📜 AOS ⚡ SpinKit 🎯 Loaders.css 🔮 Vue Carousel 3D 🌈 CSS Inspiration 🚀 React Desktop

🃏 3D 卡片翻转

🎭

粒子背景

使用 particles.js 创建绚丽的粒子动画背景，支持多种形状和交互效果。

🌀

滚动动画

AOS (Animate On Scroll) 让元素在滚动时自动播放精美动画。

🌟

渐变特效

CSS 渐变配合动画库，创造无限可能的视觉效果。

💡 CSS 灵感来源

🎨 渐变背景

🌸 柔和粉红

🌊 海洋蓝

🌿 自然绿

🔥 烈焰

🌸 樱花

✨ Particles.js 演示

animate.css Stars

particles.js Stars

AOS Stars

SpinKit Stars