خصوصیات مرتبط با انیمیشن CSS
- صفحه قبل توابع CSS
- صفحه بعدی شрифهای امن شبکه CSS
تعریف و استفاده
برخی از ویژگی‌های CSS می‌توانند برای انیمیشن استفاده شوند، این بدان معناست که می‌توانند در تأثیرات گذار و غیره استفاده شوند.
ویژگی‌هایی که می‌توانند برای انیمیشن تنظیم شوند، می‌توانند از یک مقدار به مقدار دیگری تغییر کنند، به عنوان مثال اندازه، عدد، درصد و رنگ.
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه‌ای از مرورگرها هستند که انیمیشن CSS را به طور کامل پشتیبانی می‌کنند.
عدد بعد از -webkit-، -moz- یا -o- نشان‌دهنده نسخه اولیه‌ای است که پیشوند استفاده می‌شود.
|
43.0 4.0 -webkit- |
10.0 |
16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
مثال
انیمیشنی برای تغییر رنگ پس‌زمینه از قرمز به آبی تعریف کنید:
@keyframes mymove {
from {background-color: red;}
to {background-color: blue;}
}
ویژگی‌های مرتبط با انیمیشن
در جدول زیر، ویژگی‌های مرتبط با انیمیشن در CSS لیست شده‌اند:
- صفحه قبل توابع CSS
- صفحه بعدی شрифهای امن شبکه CSS
