לפעמים רוצים לתת את הקצת מעבר למראה הסטנדרטי, למשל שכשעוברים עם עכבר על מוצר או פוסט הוא יקבל צל ותנועה. לשם כך אנחנו מכניסים את הקוד הנ"ל ל 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)