Elementor אפקט תנועה - סיבוב - על המקום

אלעזר 1

צוות הנהלה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
מוזיקה ונגינה
UX UI
D I G I T A L
יוצרי ai
עשיתי את זה בעבר, אך שכחתי...
אלמנט עם אפקט תנועה - סיבוב, שיסתובב על המקום ולא יזוז תוך כדי ימינה או שמאלה.
זכור לי שהיה דבר כזה באחד השיעורים אי פעם של @חיים בניסטי , מי שזוכר או יודע - מוזמן!
 

ברכי H

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L
עשיתי את זה בעבר, אך שכחתי...
אלמנט עם אפקט תנועה - סיבוב, שיסתובב על המקום ולא יזוז תוך כדי ימינה או שמאלה.
זכור לי שהיה דבר כזה באחד השיעורים אי פעם של @חיים בניסטי , מי שזוכר או יודע - מוזמן!
מה הבעיה בזה-
1619371751415.png
???
 

אלעזר 1

צוות הנהלה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
מוזיקה ונגינה
UX UI
D I G I T A L
יוצרי ai
כן, בדיוק זה...
מדובר אצלי באובייקט עם מיקום מוחלט, ובמקום להסתובב על המקום כמו ילד טוב, הוא מסתובב סביב אמצע הדף...

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

ברכי H

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L
כן, בדיוק זה...
מדובר אצלי באובייקט עם מיקום מוחלט, ובמקום להסתובב על המקום כמו ילד טוב, הוא מסתובב סביב אמצע הדף...

נ.ב. עכשיו הגדרתי 'רוחב - בתוך השורה' ו-'מיקום - מוחלט' וזה מצמצם את הנזק, אבל לא לגמרי.
@חגית קרמר האם נתקלת בתופעה?
 

חגית קרמר

בניית אתרים ברמה בינלאומית
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
@חגית קרמר האם נתקלת בתופעה?
פחות משתמשת באפקטי תנועה, יותר באנימציות CSS.

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

בכללי עדיף להגדיר מיקום מוחלט עם CSS,
ואז אפשר להגדיר לו לאיפה הוא "נדבק" מכל צד.
יש שיטה לתת מינוס 50% לכל הצדדים - ואז ציר הסיבוב יושב במדויק באמצע.
אבל, לא ניסיתי.
 

אלעזר 1

צוות הנהלה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
מוזיקה ונגינה
UX UI
D I G I T A L
יוצרי ai
פחות משתמשת באפקטי תנועה, יותר באנימציות CSS.

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

בכללי עדיף להגדיר מיקום מוחלט עם CSS,
ואז אפשר להגדיר לו לאיפה הוא "נדבק" מכל צד.
יש שיטה לתת מינוס 50% לכל הצדדים - ואז ציר הסיבוב יושב במדויק באמצע.
אבל, לא ניסיתי.

הכוונה לזה?
CSS:
position: absolute;
מה שאני מנסה לעשות, האפקט שאלמנטור מראים בסרטון של הוידג'ט נתיב-טקסט, טקסט בצורת עיגול - סביב תמונה עם מסיכה עגולה, והטקסט מסתובב תוך כדי גלילה.
בסרטון של אלמנטור הם עושים את הרושם שזה אמור להיות עם הפונקציות של אלמנטור.
עם CSS אפשר לעשות גם הרבה יותר מזה...
 

חגית קרמר

בניית אתרים ברמה בינלאומית
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
מה שאני מנסה לעשות, האפקט שאלמנטור מראים בסרטון של הוידג'ט נתיב-טקסט, טקסט בצורת עיגול - סביב תמונה עם מסיכה עגולה, והטקסט מסתובב תוך כדי גלילה.
בסרטון של אלמנטור הם עושים את הרושם שזה אמור להיות עם הפונקציות של אלמנטור.
הגיוני.
אפשר לשאול שם בתגובות.
 

ברכי H

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L

אלעזר 1

צוות הנהלה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
מוזיקה ונגינה
UX UI
D I G I T A L
יוצרי ai

אלעזר 1

צוות הנהלה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
מוזיקה ונגינה
UX UI
D I G I T A L
יוצרי ai
שים לב שאתה מגדיר לווידג'ט במתקדם "מיקום > רוחב > בתוך השורה"
ואם מדובר בתמונה, תגדיר 100% ברוחב תחת "סגנון".
מדובר בוידג'ט Text Path החדש, שהגדרתי לו רוחב - 'בתוך השורה (auto)', כל אפשרות אחרת גורמת לו להסתובב במעגלים גדולים יותר, ועדיין הסיבוב לא מדויק והייתי צריך להוריד את ה-'מהירות' של האפקט ל- 0.6
 

תלת ממדית

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

ברכי H

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
צילום מקצועי
UX UI
D I G I T A L
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)
זה-?
1620298505324.png
זה לוטי.
 

חגית קרמר

בניית אתרים ברמה בינלאומית
מנוי פרימיום
עיצוב גרפי
UX UI
D I G I T A L
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)
אנימציית css - הכי פשוט
 

חיים בניסטי

מהמשתמשים המובילים!
המשתמש נחסם
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)

הכנתי עכשיו במיוחד בשבילך :)
 

אלעזר 1

צוות הנהלה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
מוזיקה ונגינה
UX UI
D I G I T A L
יוצרי ai
הכנתי עכשיו במיוחד בשבילך :)
אתר חמוד לגמרי.
רק יש לי הערונת קטנה על משהו, איפה מגיבים?
 

תלת ממדית

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
הכנתי עכשיו במיוחד בשבילך :)
וואו באמת?? :eek:
אין לי מילים!
היה שווה רק בשביל להיחשף לאתר , אני כמוהו, בונה מתחילה ויש מצב לשיתוף פעולה פורה ביני לבינו.
 

אידיאלי!

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
D I G I T A L

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט א'

א אַשְׁרֵי תְמִימֵי דָרֶךְ הַהֹלְכִים בְּתוֹרַת יְהוָה:ב אַשְׁרֵי נֹצְרֵי עֵדֹתָיו בְּכָל לֵב יִדְרְשׁוּהוּ:ג אַף לֹא פָעֲלוּ עַוְלָה בִּדְרָכָיו הָלָכוּ:ד אַתָּה צִוִּיתָה פִקֻּדֶיךָ לִשְׁמֹר מְאֹד:ה אַחֲלַי יִכֹּנוּ דְרָכָי לִשְׁמֹר חֻקֶּיךָ:ו אָז לֹא אֵבוֹשׁ בְּהַבִּיטִי אֶל כָּל מִצְוֹתֶיךָ:ז אוֹדְךָ בְּיֹשֶׁר לֵבָב בְּלָמְדִי מִשְׁפְּטֵי צִדְקֶךָ:ח אֶת חֻקֶּיךָ אֶשְׁמֹר אַל תַּעַזְבֵנִי עַד מְאֹד:
נקרא  31  פעמים

לוח מודעות

למעלה