הוספת תנועה וצל במעבר עכבר לאלמנטים

הוספת תנועה וצל במעבר עכבר לאלמנטים

לפעמים רוצים לתת את הקצת מעבר למראה הסטנדרטי, ל...

לפעמים רוצים לתת את הקצת מעבר למראה הסטנדרטי, למשל שכשעוברים עם עכבר על מוצר או פוסט הוא יקבל צל ותנועה. לשם כך אנחנו מכניסים את הקוד הנ"ל ל CSS מותאם הכללי של אלמנטור, ולוידג'ט שנרצה שיקבל תנועה [למשל לליסטינג גריד] נוסיף רק את הקלאס. לפעמים יהיה נוח יותר להגדיר ישירות על אלמנט ואז נוכל להשתמש ב selector, הכל לפי הצורך

.effect-shadow {
    transition: 0.2s ease;
}
.effect-shadow:hover {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    transition: 0.2s ease;
    z-index: 5;
    transform: translatey(-5px);
}Code language: CSS (css)

לקישור חיצוני >>

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

פרטי יצירת קשר
דילוג לתוכן