Elementor עזרה עם קוד

אידיאלי!

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
D I G I T A L
אשמח אם מישהו יכול לעזור לי עם קוד CSS למעבר עכבר שבמעבר התמונה תזוז טיפונת. (ועדיף בתחושה תלת מימדית....) בדומה לאפקטים במעבר עכבר.
הבעיה שהאפקטים במעבר עכבר גורמים שהאפקט יפעל בכל זמן שהאלמנט על המסך ולא דווקא כשהעכבר עליו. ואני רוצה שהאפקט יפעל רק כשהעכבר על האלמנט...
תודה מראש לכל המסייעים!
 

אלעזר 1

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

לאפקט תלת ממדי ראה:
 

אידיאלי!

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

שלמה ויסברג

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

ובהגדרות מגדירים
1626982606537.png

צריך פשוט לשחק עם זה, עד לתוצאה הרצויה.
 

אידיאלי!

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
D I G I T A L
היי זה ממש קל, לא צריך לזה בכלל קוד..
עושים את זה עם וידג'ט קופסא מתהפכת, ואז נותנים לו מעקב עכבר הטייה תלת מימדית
צר לי. אבל זה ממש לא כך.
גם אני הייתי בטוחה שזה זה. ואת זה ניסיתי מייד...
אבל מה שקורה זה שאפקט העכבר משפיע על כל האלמנטים בטווח ולא רק על האלמנט עליו עומדים
כך שנוצר מצב שהכל תנועתי יחד...
כך זה נראה כמו שאמרתם לעשות....
אשמח אם יש מישהו שיודע...
@חיים בניסטי אולי תוכל לקפוץ להסביר איך זה?
אשמח מאד...דוגמא לתזוזה..gif
 

שלמה ויסברג

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

עריכה: ניסיתי וזה לא עובד..
אז באמת נצטרך לחכות לחיים..
 

*צילי

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
D I G I T A L
לגבי תנועה- אם לא חשוב לך התלת ממדיות, זה אפשרי עם התוסף happy adons בגירסה החינמית שלו.
אחרי התקנת התוסף, בלשונית מתקדם, נוסף חלון של CSS TRANSFORM אבל לא צריך לדעת שם קוד, אלא להכנס למצב הובר, להפעיל את הכפתור שיש שם, ולשחק עם המחוונים,
תלת ממדי לא הצלחתי לעשות, אבל אולי יש תוסף אחר.
 

חיים בניסטי

מהמשתמשים המובילים!
המשתמש נחסם
אפשר לכתוב את זה לבד, אבל זה דורש לא מעט עבודה גם עם JS:

באופן אישי השתמשתי עם פלאגין שנקרא The Grid, יש שם סקין שמאפשר את האפקט הזה:
 

ראובן ליבוביץ

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

>השראה<

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

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

הפרק היומי

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


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

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

לוח מודעות

למעלה