ویژگی animation-name در css
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی قصد داریم در مورد ویژگی animation-name در css توضیحاتی را ارائه نماییم. ویژگی کاربردی animation-name در زبان css به تازگی در آخرین نسخه این زبان طراحی یعنی CSS3 معرفی شده است.
معرفی و کاربرد ویژگی جدید animation-name در زبان طراحی سی اس اس
خاصیت animation-name جهت تعیین یک یا چند نام برای انیمیشن هایی که با دستور keyframe@ ساخته شده اند، برای یک تگ html کاربرد دارد. دستور keyframe@ ، فریم های کلیدی یک انیمیشن را مشخص می کند.
مقادیر صفت جدید animation-name در زبان طراحی css
صفت جدید animation-name که در زبان طراحی CSS3 معرفی شده است، 4 مقدار می پذیرد که عبارتند از:
- مقدار keyframename
- مقدار none
- مقدار initial
- مقدار inherit
مقدار keyframename درون خاصیت animation-name در زبان سی اس اس
اگر خاصیت animation-name را برابر با یک مقدار keyframename قرار دهیم، در حقیقت می توانیم فریم های یک انیمیشن را در تگ html مورد نظر مشخص کنیم.
مقدار none درون ویژگی animation-name در css
اگر خاصیت animation-name را برابر با یک مقدار none قرار دهیم، در این صورت در عنصر html هیچ انیمیشنی اجرا نمی شود. ( حالت پیش فرض رخ می دهد )
مقدار initial درون خاصیت animation-name در زبان سی اس اس
اگر خاصیت animation-name را برابر با مقدار initial تعریف کنیم، در حقیقت مقدار پیش فرض این خصوصیت را برای تگ html مورد نظر اجرا می کند.
مقدار inherit درون ویژگی animation-name در css
اگر خاصیت animation-name را برابر با مقدار inherit تعریف کنیم، در واقع تگ html مربوطه خصوصیات انیمیشن را از والد پدری خود به ارث می برد.
مثال در مورد خاصیت animation-name در زبان طراحی css
div {animation-name: mymove;}
بررسی خاصیت animation-name از نظر نسخه زبان طراحی سی اس اس
ویژگی کاربردی animation-nameدر زبان css به تازگی و در آخرین نسخه این زبان طراحی یعنی css3 معرفی شده است.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و Bootstrap و jQuery
بررسی ساختاری ویژگی animation-name در css
عناوین ساختاری خاصیت animation-name | وضعیت ساختاری خاصیت animation-name |
مقدار پیش فرض | none |
قابلیت توارث | ندارد |
قابلیت تحرک | ندارد |
ورژن css صفت | CSS3 |
سینتکس صفت در جاوا اسکریپت | "object.style.animationName="myNEWmove |
پشتیبانی مرورگرهای اینترنتی از ویژگی animation-name در css
خاصیت css | |||||
animation-name | 43.0 | 10.0 | 16.0 | 9.0 | 30.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
ویژگی animation-name در css تعیین نام انیمیشن – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید