المزيد من الإجراءات
ط (مراجعة واحدة) |
عبد العزيز (نقاش | مساهمات) لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
#home-featured { | #home-featured { | ||
overflow: hidden; | overflow: hidden; | ||
} | |||
#home-featured .home-card__background { | |||
overflow: hidden; | |||
border-top-right-radius: 12px; | |||
border-top-left-radius: 8px; | |||
border-bottom-right-radius: 8px; | |||
border-bottom-left-radius: 8px; | |||
} | } | ||
| سطر 12: | سطر 20: | ||
height: 60%; | height: 60%; | ||
background: linear-gradient( to top, #000, transparent ); | background: linear-gradient( to top, #000, transparent ); | ||
} | |||
#home-featured.home-card--button:hover .home-card__background::after { | |||
transform: translateY(100%); | |||
} | } | ||
#home-featured .home-card__foreground { | #home-featured .home-card__foreground { | ||
justify-content: flex-end; | |||
} | } | ||
المراجعة الحالية بتاريخ 12:28، 14 سبتمبر 2024
#home-featured {
overflow: hidden;
}
#home-featured .home-card__background {
overflow: hidden;
border-top-right-radius: 12px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
#home-featured .home-card__background a {
display: block;
height: 100%;
}
#home-featured .home-card__background:after {
top: unset;
height: 60%;
background: linear-gradient( to top, #000, transparent );
}
#home-featured.home-card--button:hover .home-card__background::after {
transform: translateY(100%);
}
#home-featured .home-card__foreground {
justify-content: flex-end;
}