CSS Animations و Transitions: راهنمای عملی

CSS Animations و Transitions ابزارهای بومی مرورگر برای ایجاد حرکت هستند. بدون JavaScript.

Transitions

transition-property، transition-duration و transition-timing-function. برای حالت‌های hover و focus.

• transition: all 0.3s ease
• transform: scale, translate, rotate
• will-change برای عملکرد

@keyframes

برای انیمیشن‌های پیچیده و چندمرحله‌ای. animation-name، duration، iteration-count و fill-mode.

جمع‌بندی

CSS Animations بدون JavaScript عملکرد ۶۰fps ارائه می‌دهند.