בסרטון הזה נראה איך ליצור אפקט של טקסט זז טרנדי עם אלמנטור,
הנה הקודים שהוזכרו בסרטון,
הקוד עבור שימוש בקרוסלת המלצות,
.swiper-wrapper {
transition-timing-function: linear;
}
הקוד לטקסט זז (ללא שימוש בקרוסלה)
.my-text{
animation-name: r-text;
animation-duration: 7.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes r-text{
0%{
transform: translatex(0%);
}
100%{
transform: translatex(100%);
}
}
בשביל שהטקסט יזוז מימין לשמאל
.my-text{
animation-name: r-text;
animation-duration: 7.5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes r-text{
0%{
transform: translatex(100%);
}
100%{
transform: translatex(0%);
}
}
3 תגובות
היי
תודה על התוכן
הטמפלט לא עובד!
תודה אתה פשוט אלוף
איך אני יוצרת את זה גם וויג’ט של נתיב טקסט ?
וואי ממש תודה אל כול הקודים^^