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

  • הוסף לסימניות
  • #1
עשיתי את זה בעבר, אך שכחתי...
אלמנט עם אפקט תנועה - סיבוב, שיסתובב על המקום ולא יזוז תוך כדי ימינה או שמאלה.
זכור לי שהיה דבר כזה באחד השיעורים אי פעם של @חיים בניסטי , מי שזוכר או יודע - מוזמן!
 
  • הוסף לסימניות
  • #2
עשיתי את זה בעבר, אך שכחתי...
אלמנט עם אפקט תנועה - סיבוב, שיסתובב על המקום ולא יזוז תוך כדי ימינה או שמאלה.
זכור לי שהיה דבר כזה באחד השיעורים אי פעם של @חיים בניסטי , מי שזוכר או יודע - מוזמן!
מה הבעיה בזה-
1619371751415.png
???
 
  • הוסף לסימניות
  • #3
כן, בדיוק זה...
מדובר אצלי באובייקט עם מיקום מוחלט, ובמקום להסתובב על המקום כמו ילד טוב, הוא מסתובב סביב אמצע הדף...

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

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

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

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

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

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

הכוונה לזה?
CSS:
position: absolute;
מה שאני מנסה לעשות, האפקט שאלמנטור מראים בסרטון של הוידג'ט נתיב-טקסט, טקסט בצורת עיגול - סביב תמונה עם מסיכה עגולה, והטקסט מסתובב תוך כדי גלילה.
בסרטון של אלמנטור הם עושים את הרושם שזה אמור להיות עם הפונקציות של אלמנטור.
עם CSS אפשר לעשות גם הרבה יותר מזה...
 
  • הוסף לסימניות
  • #7
מה שאני מנסה לעשות, האפקט שאלמנטור מראים בסרטון של הוידג'ט נתיב-טקסט, טקסט בצורת עיגול - סביב תמונה עם מסיכה עגולה, והטקסט מסתובב תוך כדי גלילה.
בסרטון של אלמנטור הם עושים את הרושם שזה אמור להיות עם הפונקציות של אלמנטור.
הגיוני.
אפשר לשאול שם בתגובות.
 
  • הוסף לסימניות
  • #9
  • הוסף לסימניות
  • #10
  • הוסף לסימניות
  • #12
שים לב שאתה מגדיר לווידג'ט במתקדם "מיקום > רוחב > בתוך השורה"
ואם מדובר בתמונה, תגדיר 100% ברוחב תחת "סגנון".
מדובר בוידג'ט Text Path החדש, שהגדרתי לו רוחב - 'בתוך השורה (auto)', כל אפשרות אחרת גורמת לו להסתובב במעגלים גדולים יותר, ועדיין הסיבוב לא מדויק והייתי צריך להוריד את ה-'מהירות' של האפקט ל- 0.6
 
  • הוסף לסימניות
  • #13
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)
 
  • הוסף לסימניות
  • #14
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)
זה-?
1620298505324.png
זה לוטי.
 
  • הוסף לסימניות
  • #15
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)
אנימציית css - הכי פשוט
 
  • הוסף לסימניות
  • #16
מחילה על ההקפצה והבורות
אבל איך עושים שזה יסתובב כל הזמן ולא רק בעת גלילה?
כמו כאן (למטה)

הכנתי עכשיו במיוחד בשבילך :)
 
  • הוסף לסימניות
  • #17
הכנתי עכשיו במיוחד בשבילך :)
אתר חמוד לגמרי.
רק יש לי הערונת קטנה על משהו, איפה מגיבים?
 
  • הוסף לסימניות
  • #19
הכנתי עכשיו במיוחד בשבילך :)
וואו באמת?? :eek:
אין לי מילים!
היה שווה רק בשביל להיחשף לאתר , אני כמוהו, בונה מתחילה ויש מצב לשיתוף פעולה פורה ביני לבינו.
 
  • הוסף לסימניות
  • #20

פרוגבוט

תוכן שיווקי
פרסומת

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

מעכשיו, תהיו הראשונים לקבל את כל העדכונים, החדשות, ההפתעות בלעדיות, והתכנים הכי חמים שלנו בפרוג!

לוח מודעות

הפרק היומי

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


תהילים פרק כה

אלְדָוִד אֵלֶיךָ יי נַפְשִׁי אֶשָּׂא:באֱלֹהַי בְּךָ בָטַחְתִּי אַל אֵבוֹשָׁה אַל יַעַלְצוּ אֹיְבַי לִי:גגַּם כָּל קוֶֹיךָ לֹא יֵבֹשׁוּ יֵבֹשׁוּ הַבּוֹגְדִים רֵיקָם:דדְּרָכֶיךָ יי הוֹדִיעֵנִי אֹרְחוֹתֶיךָ לַמְּדֵנִי:ההַדְרִיכֵנִי בַאֲמִתֶּךָ וְלַמְּדֵנִי כִּי אַתָּה אֱלֹהֵי יִשְׁעִי אוֹתְךָ קִוִּיתִי כָּל הַיּוֹם:וזְכֹר רַחֲמֶיךָ יי וַחֲסָדֶיךָ כִּי מֵעוֹלָם הֵמָּה:זחַטֹּאות נְעוּרַי וּפְשָׁעַי אַל תִּזְכֹּר כְּחַסְדְּךָ זְכָר לִי אַתָּה לְמַעַן טוּבְךָ יי:חטוֹב וְיָשָׁר יי עַל כֵּן יוֹרֶה חַטָּאִים בַּדָּרֶךְ:טיַדְרֵךְ עֲנָוִים בַּמִּשְׁפָּט וִילַמֵּד עֲנָוִים דַּרְכּוֹ:יכָּל אָרְחוֹת יי חֶסֶד וֶאֱמֶת לְנֹצְרֵי בְרִיתוֹ וְעֵדֹתָיו:יאלְמַעַן שִׁמְךָ יי וְסָלַחְתָּ לַעֲוֹנִי כִּי רַב הוּא:יבמִי זֶה הָאִישׁ יְרֵא יי יוֹרֶנּוּ בְּדֶרֶךְ יִבְחָר:יגנַפְשׁוֹ בְּטוֹב תָּלִין וְזַרְעוֹ יִירַשׁ אָרֶץ:ידסוֹד יי לִירֵאָיו וּבְרִיתוֹ לְהוֹדִיעָם:טועֵינַי תָּמִיד אֶל יי כִּי הוּא יוֹצִיא מֵרֶשֶׁת רַגְלָי:טזפְּנֵה אֵלַי וְחָנֵּנִי כִּי יָחִיד וְעָנִי אָנִי:יזצָרוֹת לְבָבִי הִרְחִיבוּ מִמְּצוּקוֹתַי הוֹצִיאֵנִי:יחרְאֵה עָנְיִי וַעֲמָלִי וְשָׂא לְכָל חַטֹּאותָי:יטרְאֵה אוֹיְבַי כִּי רָבּוּ וְשִׂנְאַת חָמָס שְׂנֵאוּנִי:כשָׁמְרָה נַפְשִׁי וְהַצִּילֵנִי אַל אֵבוֹשׁ כִּי חָסִיתִי בָךְ:כאתֹּם וָיֹשֶׁר יִצְּרוּנִי כִּי קִוִּיתִיךָ:כבפְּדֵה אֱלֹהִים אֶת יִשְׂרָאֵל מִכֹּל צָרוֹתָיו:
נקרא  2  פעמים
למעלה