Hauptseite: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
<!-- HTML --> | |||
<div class="wiki-header"> | |||
Wiki<span class="red-digit">4</span><span class="gradient-text">Life</span> | |||
</div> | |||
/* CSS */ | |||
.wiki-header { | |||
font-family: 'Fredoka One', sans-serif; /* Dein Schriftstil */ | |||
text-align: center; | |||
margin-top: 20px; | |||
font-size: 64px; | |||
color: black; /* Fallback-Farbe */ | |||
font-weight: bold; | |||
text-shadow: 2px 2px 5px rgba(0,0,0,0.3); /* leichter Schatten für Tiefe */ | |||
} | |||
.red-digit { | |||
color: #ff6666; | |||
} | |||
.gradient-text { | |||
background: linear-gradient(90deg, green, lightblue); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
} | |||
/* Optional: Cosmic Glitch Effekt */ | |||
.wiki-header:hover .gradient-text { | |||
animation: glow 1s infinite alternate; | |||
} | |||
@keyframes glow { | |||
0% { text-shadow: 0 0 5px cyan, 0 0 10px magenta; } | |||
50% { text-shadow: 0 0 10px yellow, 0 0 15px pink; } | |||
100% { text-shadow: 0 0 5px cyan, 0 0 10px magenta; } | |||
} | |||
Version vom 19. September 2025, 15:24 Uhr
Wiki4Life
/* CSS */ .wiki-header {
font-family: 'Fredoka One', sans-serif; /* Dein Schriftstil */ text-align: center; margin-top: 20px; font-size: 64px; color: black; /* Fallback-Farbe */ font-weight: bold; text-shadow: 2px 2px 5px rgba(0,0,0,0.3); /* leichter Schatten für Tiefe */
}
.red-digit {
color: #ff6666;
}
.gradient-text {
background: linear-gradient(90deg, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
/* Optional: Cosmic Glitch Effekt */ .wiki-header:hover .gradient-text {
animation: glow 1s infinite alternate;
}
@keyframes glow {
0% { text-shadow: 0 0 5px cyan, 0 0 10px magenta; }
50% { text-shadow: 0 0 10px yellow, 0 0 15px pink; }
100% { text-shadow: 0 0 5px cyan, 0 0 10px magenta; }
}