تابستون داره تموم میشه ها، فرصت‌ها محدودن کلی آفر جذاب در کمپین تابستون🔥👇
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ milad karimi
استفاده از keyframe
جامعه جاوا اسکریپت ایجاد شده در ۳۰ بهمن ۱۴۰۱

باسلام

میخواستم بدونم که آیا ما میتونیم keyframe‌ها در سی اس اس رو با استفاده از جاوااسکریپت کنترل کینم یا خیر و همینطور خود animation رو ؟

سلام میلاد جان

اگه منظورتون برای تعریف یک keyframe جدید هست که باید اون رو توی فایل css تعریف کنید. (البته میشه از طریق js هم تعریف کرد ولی بهتره برای دور شدن از پیچیدگی اون رو توی فایل css تعریف کنید) ولی میتونید از طریق پراپرتی style در جاوااسکریپت به animation دسترسی داشته باشی و مقداردهی کنی.

مثال:

// css file:
@keyframes myanimation {
  from {background-color: red;}
  to {background-color: yellow;}
}
// js file:
document.getElementById("my-element").style.animation = "myanimation 2s infinite";
بهترین پاسخ
صادق برزگر ۳۰ بهمن ۱۴۰۱، ۱۶:۲۶