ما را در شبکه‌های اجتماعی دنبال کنید و از تخفیفات ویژه ما با خبر شوید

ایجاد انیمیشن متن اسلایدی با استفاده از المنتور + فیلم آموزشی

ایجاد انیمیشن متن اسلایدی با کمک المنتور پرو

افزونه المنتور یکی از پیشرفته‌ترین صفحه سازهای وردپرس است که با استفاده از آن می‌توانید بدون حتی یک خط کدنویسی قسمت‌های مختلف وبسایت خود را به راحتی طراحی کنید. شما با استفاده از افزونه المنتور می‌توانید انواع طرح‌های جذاب را ایجاد کنید. البته برای ایجاد طرح‌های بسیار حرفه‌ای‌تر باید آشنایی نسبی با کدنویسی CSS داشته باشید. در این ویدئوی آموزشی قصد داریم تا با کمک المنتور و همچنین با استفاده از اندکی کد CSS به ایجاد انیمیشن متن اسلایدی بپردازیم.

اگر عاشق طراحی سایت هستید پس این آموزش را تا انتها نگاه کنید.

کد CSS ایجاد انیمیشن متن اسلایدی

:root{
--myText : 'FreshSEO.ir';
--textColor: #2CFF99;
--textStroke: 2px;
--anDuration: 6s;
}
selector{
-webkit-text-stroke: var(--textStroke) var(--textColor);
display: table;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
text-align: center;
margin: 0 auto
}
selector .elementor-heading-title::before{
content: var(--myText);
color: var(--textColor);
position: absolute;
top: 0;
width: 0%;
height: 100%;
text-align: left;
overflow: hidden;
white-space: nowrap;
border-right: var(--textStroke) solid var(--textColor);
-webkit-animation:animateX var(--anDuration) linear infinite;
animation:animateX var(--anDuration) linear infinite;
}
@-webkit-keyframes animateX{
0%,10%,100%{
width:0%;
}
70%, 90%{
width: 100%;
}
}
@keyframes animateX{
0%,10%,100%{
width:0%;
}
70%, 90%{
width: 100%;
}
}

در زمان حاضر پیشرفت وبسایت‌ها را می‌توان مدیون وردپرس و افزونه‌های کاربردی که برای آن ساخته شده‌اند، دانست. یکی از این افزونه‌های حرفه‌ای افزونه المنتور پرو است که امکانات بسیاری را برای ایجاد هر نوع وبسایت با سلیقه‌های متفاوت فراهم کرده است.

این مطالب نیز پیشنهاد می‌شود

0 0 رای ها
رأی دهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها

قابل توجه کاربران و مشتریان عزیز

به علت حجم بالای سفارشات طی چندین هفته گذشته، برخی از سفارشات با تاخیر یکماهه به مشتریان تحویل داده شده است که از ایشان عذرخواهی کرده‌ایم. به همین دلیل خواهشمند است سفارش جدیدی ثبت نفرمایید؛ در صورت ثبت سئوتازه تضمینی به انجام به موقع سفارش شما نمی‌دهد. (حداقل 1 ماه و حداکثر 70 روز طول خواهد کشید)