Vorlage:Startseite/featured/styles.css: Unterschied zwischen den Versionen
Aus DragonballWiki
Weitere Optionen
Inhalt gelöscht Inhalt hinzugefügt
| Zeile 1: | Zeile 1: | ||
#home-featured { |
#home-featured { |
||
overflow: hidden; |
overflow: hidden; |
||
height: 209px; |
|||
border-radius: var(--border-radius-medium); |
|||
margin-bottom: 0.625rem; |
|||
} |
} |
||
| Zeile 10: | Zeile 13: | ||
#home-featured .home-card__background:after { |
#home-featured .home-card__background:after { |
||
position: absolute; |
|||
top: unset; |
|||
pointer-events: none; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
display: block; |
|||
height: 60%; |
height: 60%; |
||
background: linear-gradient( to top, #000, transparent ); |
background: linear-gradient( to top, #000, transparent ); |
||
border-radius: 0 0 8px 8px; |
|||
| ⚫ | |||
} |
} |
||
#home-featured .home-card__foreground { |
#home-featured .home-card__foreground { |
||
pointer-events: none; |
|||
| ⚫ | |||
right: 15px; |
|||
bottom: 15px; |
|||
left: 15px; |
|||
} |
} |
||
#home-featured .home- |
#home-featured a img.thumbimage:hover, #home-featured a img:hover { |
||
| ⚫ | |||
border-bottom-left-radius: var(--border-radius-base); |
|||
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1); |
|||
} |
} |
||
#home-featured.home- |
#home-featured a img.thumbimage, #home-featured a img { |
||
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1); |
|||
| ⚫ | |||
} |
} |
||
Version vom 16. April 2026, 02:44 Uhr
#home-featured {
overflow: hidden;
height: 209px;
margin-bottom: 0.625rem;
}
#home-featured .home-card__background a {
display: block;
height: 100%;
}
#home-featured .home-card__background:after {
position: absolute;
pointer-events: none;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 60%;
background: linear-gradient( to top, #000, transparent );
border-radius: 0 0 8px 8px;
content: '';
}
#home-featured .home-card__foreground {
pointer-events: none;
right: 15px;
bottom: 15px;
left: 15px;
}
#home-featured a img.thumbimage:hover, #home-featured a img:hover {
transform: scale(1.1);
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}
#home-featured a img.thumbimage, #home-featured a img {
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}