CSS עזרה עם קוד

בניית אתרים וחוויית משתמש >> תוכן מקצועי

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

אידיאלי!

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

אלעזר 1

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

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

אידיאלי!

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
נערך לאחרונה ב:

שלמה ויסברג

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

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

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

אידיאלי!

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

שלמה ויסברג

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

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

*צילי

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

חיים בניסטי

מהמשתמשים המובילים!
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
איור וציור מקצועי
עיצוב גרפי DIP
מרצה בבית פרוג
אפשר לכתוב את זה לבד, אבל זה דורש לא מעט עבודה גם עם JS:

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

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

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג

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

נתן גלנט | איזה כיף לקבל טלפון מתחנן ומיוסר מחברת האשראי, נכון? רק תסכים... בבקשה...
Natan Galant
תודות שהתקבלו
67
תגובות
13
"זכויות יוצרים"? כל השאלות שאתם חייבים לדעת במאמר שלפניכם - לחוות דעת מקצועית!
המאורות
5.00 star(s) 1 דירוגים
תודות שהתקבלו
13
תגובות
16
סקירות
1
התעדכן
תואר ראשון במדעי המחשב - מיועד לבוגרות סמינר.
ניהול האתר
תודות שהתקבלו
1
התעדכן
כך תרצפו את הבית שלכם בצורה טובה, יעילה ויפהפייה
תמי רוטנברג
5.00 star(s) 1 דירוגים
תודות שהתקבלו
8
תגובות
5

לוח דירות נופש

המספרים של פרוג:

337,452

משתמשים נכנסו לפרוג בחודש האחרון

344

משתמשים מבקרים ברגע זה באתר

4,986

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

לוח נדל"ן | למכירה והשכרה

לוח דרושים

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

נתן גלנט | איזה כיף לקבל טלפון מתחנן ומיוסר מחברת האשראי, נכון? רק תסכים... בבקשה...
סיפור קצר שקרה בשנת תשפ"ט, ובו מציאות בלתי אפשרית ומורכבת מאוד לעיכול, מומלץ לצרוך פרוביוטיקה טרם הקריאה...
"זכויות יוצרים"? כל השאלות שאתם חייבים לדעת במאמר שלפניכם - לחוות דעת מקצועית!
שלום וברכה לכל גולשי 'פרוג' היקרים. בעקבות כך, שנקלענו לסיטואציה לא נעימה בחודש האחרון, של תביעה רצינית של חברת פלאש 90 בעקבות פרסום תמונות באתר...
5.00 star(s) 1 דירוגים
תואר ראשון במדעי המחשב - מיועד לבוגרות סמינר.
אוטוטו מסתיים לו הרישום הסדיר לתכנית המדהימה של מכללת רבבה, לתואר ראשון במדעי המחשב, המיועד לבוגרות סמינר. תפסנו את רכזת הרישום רחל בן עוזיאל...
כך תרצפו את הבית שלכם בצורה טובה, יעילה ויפהפייה
המבחר של ריצוף וחיפוי לרצפה ולקירות הוא עצום: גוונים, גדלים, טקסטורות אינסופיות. לכן חובה להגדיר לעצמנו את הכיוון הרצוי, וגם אז - לא ללכת להרבה...
5.00 star(s) 1 דירוגים
אם החיים שלנו היו ווינטג'
מי שמכיר אותי, יודע, שיש לי אהבת אמת לפריטי וויטג' מוכנה להתפשר על פריטי רטרו, בלית ברירה ילקוט עור-צ'אק שמלת כותנה קלילה לבת שלי-צ'אק נעלי בובה...
למעלה
לשיחת ווטסאפ עם בית פרוג
צ'אט בווטסאפ בנושאי יעוץ לימודים, פדגוגיה ומזכירות
היי, אפשר לדבר איתנו, אנחנו כאן!