Jump to content
Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

Vorlage:Startseite/featured/styles.css: Unterschied zwischen den Versionen

Aus DragonballWiki
Inhalt gelöscht Inhalt hinzugefügt
Gokussj7
Gokussj7 (Diskussion | Beiträge) (Die Seite wurde neu angelegt.)
 
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;
⚫
content: '';
}
}



#home-featured .home-card__foreground {
#home-featured .home-card__foreground {
pointer-events: none;
⚫
justify-content: flex-end;
right: 15px;
bottom: 15px;
left: 15px;
}
}


#home-featured .home-card__badge {
#home-featured a img.thumbimage:hover, #home-featured a img:hover {
⚫
transform: scale(1.1);
border-bottom-left-radius: var(--border-radius-base);
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
}
}


#home-featured.home-card--button:hover .home-card__background::after {
#home-featured a img.thumbimage, #home-featured a img {
transition: transform 250ms cubic-bezier(0.215,0.61,0.355,1);
⚫
transform: translateY(100%);
}
}

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);
}
Cookies helfen uns bei der Bereitstellung von DragonballWiki. Durch die Nutzung von DragonballWiki erklärst du dich damit einverstanden, dass wir Cookies speichern.