Zum Inhalt springen

Hauptseite: Unterschied zwischen den Versionen

Aus wiki4life
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
<!-- HTML -->
<!-- Blau hinterlegen -->
<div class="wiki-header">
<body style="background-color: #0077cc; margin: 0; padding: 0;">
   Wiki<span class="red-digit">4</span><span class="gradient-text">Life</span>
 
<div style="font-family: 'Fredoka One'; text-align: center; margin-top: 5px; font-size: 64px; color: black;">
   Wiki<span style="color:#ff6666;">4</span><span style="background: linear-gradient(to right, green, lightblue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Life</span>
</div>
</div>


/* CSS */
</body>
.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:27 Uhr

<body style="background-color: #0077cc; margin: 0; padding: 0;">

 Wiki4Life

</body>