Elementor טקסט זז על מסלול

[י ע ל]

הי, חדשה בתחום
אשמח לעזרה
איך ניתן לעשות דבר כזה?

new home | ROTENBERG

מותגים עם אופי חזק. עיצוב מותג בהשראה ישירה מאישיות בעל המותג יוצרת מותג חזק פורץ דרך, ממוצב גבוה ויודע לדבר לקהל שלו בשפה שהוא מבין בצורה הטובה ביותר. סטודיו רוטנברג מוביל כבר שנים ביצירת אופי מיוחד, נקי ועדכני למותגים חזקים, כובשים וצומחים. הסוד לא נעוץ באיזו אמירת קסם עתיקה, אלא בעבודת שטח...

f-rotenberg.com

כמו בצור קשר - שהמלל יזוז משמאל לימין


ועוד יותר מזה, איך עושים טקסט זז על מסלול כמו באתר הזה:

Home - Meira Wislovsky - Loop

PROJECTS NO LIMITS NO LIMITS NO LIMITS LET'S TALK Meira Wislovsky 972-527-164-972+ Asset 48 Asset 49

loopstudio.co.il

לחלק הזה אני מתכוונת



אשמח לכל מידע \ סרטון \ פסוט הסבר על הנושא

תודהה

 

[P100PLUS]

כמו בצור קשר - שהמלל יזוז משמאל לימין

קוד

ועוד יותר מזה, איך עושים טקסט זז על מסלול כמו באתר הזה:

Home - Meira Wislovsky - Loop

PROJECTS NO LIMITS NO LIMITS NO LIMITS LET'S TALK Meira Wislovsky 972-527-164-972+ Asset 48 Asset 49

loopstudio.co.il

מסלול יש לך באלמנטור
תזוזה בקוד

 

[י ע ל]

יש לך את הקוד?
אשמח ממש

רואה שגם באתר המדהים שלך יש תזוזה בגלילה
איך עשית?

 

[עיטורים פלוס]

https://codepen.io/ataraya/pen/xxYadmm

Moving Text On A Curved Path | CSS-Tricks

There was a fun article in The New York Times the other day describing the fancy way Elizabeth Warren and her staff let people take a selfie with Warren.

css-tricks.com

 

[י ע ל]

וואו
תודה ענקית!
אין על הפורום הזה

 

[P100PLUS]

יש לך את הקוד?
אשמח ממש

רואה שגם באתר המדהים שלך יש תזוזה בגלילה
איך עשית?

איזה קוד את רוצה?

 

[י ע ל]

מסלול יש לך באלמנטור
תזוזה בקוד

איזה קוד את רוצה?

את הקוד שיבצע תזוזה כזו
באתר שלך זה זז רק בגלילה , נכון?

 

[(חיה)]

אנימציית סיבוב קבועה - סקוליינר

אין סוף לשימושים האפשריים! גרמו לאלמנטים להסתובב באופן קבוע, למימוש אפקטים מגניבים / טרנדים בעיצוב / כל שימוש יצירתי אחר!

schooliner.com

 

[י ע ל]

אנימציית סיבוב קבועה - סקוליינר

אין סוף לשימושים האפשריים! גרמו לאלמנטים להסתובב באופן קבוע, למימוש אפקטים מגניבים / טרנדים בעיצוב / כל שימוש יצירתי אחר!

schooliner.com

זאת אנימצית סיבוב
אני רוצה ״נסיעה״ על מסלול

 

[roni ravitz]

תכניסי ווידג'ט מסוג "כותרת"
תכניסי בטקסט

<span>
טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז
</span>
<span>
טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז
</span>

בלשונית מתקדם - CSS מותאם

selector .elementor-heading-title{
  width: 200%;
  overflow: hidden;
 
}

selector .elementor-heading-title span{
    animation: roni-marquee 10s linear infinite;
  float:right;
  width: 50%;
}

@keyframes roni-marquee {
  0% {transform:translate(0, 0);}
  100% {transform:translate(100%, 0);}
}

מומלץ לעשות את הטקסט בגודל vw

 

[י ע ל]

אין אבל אין עוד כאלה דברים!
כמו תמיד מציל את המצב

תודה
נכס לפורם שלנו שיש בו כאלה אלופים שמקדישים מזמנם לענות

 

[רחל ז.]

תכניסי ווידג'ט מסוג "כותרת"
תכניסי בטקסט

<span>
טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז
</span>
<span>
טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז טקסט זז
</span>

בלשונית מתקדם - CSS מותאם

selector .elementor-heading-title{
  width: 200%;
  overflow: hidden;
 
}

selector .elementor-heading-title span{
    animation: roni-marquee 10s linear infinite;
  float:right;
  width: 50%;
}

@keyframes roni-marquee {
  0% {transform:translate(0, 0);}
  100% {transform:translate(100%, 0);}
}

מומלץ לעשות את הטקסט בגודל vw

תודה רבה
הגדלתי את הטקסט ומה שקורה זה שהטקסט יורד שורה. האם יש דרך שפשוט יהיה טקסט ארך ארוך שנגלל? כמו בדוגמא שהביאו?

 

[roni ravitz]

תודה רבה
הגדלתי את הטקסט ומה שקורה זה שהטקסט יורד שורה. האם יש דרך שפשוט יהיה טקסט ארך ארוך שנגלל? כמו בדוגמא שהביאו?

תגדילי את ה "200%" כפי הצורך

 

[רחל ז.]

תודה רבה
שאלה לא ממש קשורה אבל קצת כן
יש דרך להזיז כך גלרית פוסטים? כלומר פוסט אחרי פוסט לרוחב לפי קטגוריה מסויימת?

 

[roni ravitz]

תודה רבה
שאלה לא ממש קשורה אבל קצת כן
יש דרך להזיז כך גלרית פוסטים? כלומר פוסט אחרי פוסט לרוחב לפי קטגוריה מסויימת?

כאילו קרוסלת פוסטים?
אפשר, יש אבל הרבה תוספים לזה, כנראה שעדיף.

 

[רחל ז.]

קרוסלה ששזזה שלא בגבולות המסך
נניח כמו זה

New Home - fontbit

fontbit.co.il

שיזוז אוטומטי בלי שצריך לדחוף

 

[roni ravitz]

קרוסלה ששזזה שלא בגבולות המסך
נניח כמו זה

New Home - fontbit

fontbit.co.il

שיזוז אוטומטי בלי שצריך לדחוף

הרעיון לתת רוחב של יותר מ-"100%" (או vw)
בשביל שיזוז הייתי משתמש בתוסף
(בתוסף כנראה יהיה אופציה שזז אוטומטי)

 

[efratd]

הי, חדשה בתחום
אשמח לעזרה
איך ניתן לעשות דבר כזה?

new home | ROTENBERG

מותגים עם אופי חזק. עיצוב מותג בהשראה ישירה מאישיות בעל המותג יוצרת מותג חזק פורץ דרך, ממוצב גבוה ויודע לדבר לקהל שלו בשפה שהוא מבין בצורה הטובה ביותר. סטודיו רוטנברג מוביל כבר שנים ביצירת אופי מיוחד, נקי ועדכני למותגים חזקים, כובשים וצומחים. הסוד לא נעוץ באיזו אמירת קסם עתיקה, אלא בעבודת שטח...

f-rotenberg.com

כמו בצור קשר - שהמלל יזוז משמאל לימין
צפה בקובץ המצורף 1133570

ועוד יותר מזה, איך עושים טקסט זז על מסלול כמו באתר הזה:

Home - Meira Wislovsky - Loop

PROJECTS NO LIMITS NO LIMITS NO LIMITS LET'S TALK Meira Wislovsky 972-527-164-972+ Asset 48 Asset 49

loopstudio.co.il

לחלק הזה אני מתכוונת
צפה בקובץ המצורף 1133569


אשמח לכל מידע \ סרטון \ פסוט הסבר על הנושא

תודהה

השני לא נעשה בקוד.
זה קובץ לוטי שהונפש באפטר

 

[P100PLUS]

השני לא נעשה בקוד.
זה קובץ לוטי שהונפש באפטר

ברוכה הבאה!

 

[י ע ל]

זה אכן עובד לי מדהים!
אבל יש רווח בינהם

איך ניתן לפתור?
כאשר אני מוסיפה עוד זה יורד שורה