با این آموزش یاد بگیرید چگونه بدون استفاده از افزونههای اضافی در المنتور، افکتهای دایمی و متحرک برای تصاویر ایجاد کنید. از چرخش و بانسینگ گرفته تا تنظیم سرعت دلخواه، همه را بهسادگی پیادهسازی کنید
بخش اول: معرفی آموزش
بدون افزونه، تصاویرتان را متحرک کنید!
در این آموزش یاد خواهید گرفت که چگونه بدون استفاده از هیچ افزونهای، تصاویر خود را در وردپرس و المنتور با افکتهای متحرک جذاب کنید. این کدها به شما اجازه میدهند تا افکتهایی مانند چرخش (Rotate)، بانسینگ (Bouncing)، و حتی افکتهای دلخواه دیگر را با سرعت قابل تنظیم پیادهسازی کنید.
بخش دوم: ویژگیهای این آموزش
بدون نیاز به افزونه: فقط با استفاده از المنتور و کدنویسی ساده.
افکتهای متنوع: از چرخش دائمی تا حرکات خلاقانه.
سرعت قابل تنظیم: میتوانید سرعت چرخش یا حرکت تصاویر را کنترل کنید.
مناسب برای تمامی سطوح: چه مبتدی باشید و چه حرفهای، این آموزش برای شماست.
بخش سوم: کدها و توضیحات کامل
برای مشاهده کدهای کامل این آموزش و نمونههای پیادهسازیشده، حتماً ویدیو آموزشی ما را ببینید و از کد های پایین صفحه استفاده کنید.
/* چرخش به راست */
@keyframes spin-right {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.rotate-right {
animation: spin-right 8s infinite linear;
}
.
/* چرخش به چپ */
@keyframes spin-left {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.rotate-left {
animation: spin-left 8s infinite linear;
}
“اگر از این آموزش لذت بردید، حتماً نظر خود را در قسمت کامنتها با ما به اشتراک بگذارید. همچنین میتوانید سوالات خود را درباره این کدها مطرح کنید تا در سریعترین زمان پاسخ دهیم!”