CSS - Glühende Neon Buchstaben
San Francisco
<style>
/* Glühende Neon Buchstaben */
div.neon {
font-variant: Small-Caps;
color: White;
font-size: 5em;
text-align: Center;
padding: 70px;
background: rgb(71, 0, 142);
animation: neonGlow 1.5s infinite alternate cubic-bezier(0.455, 0.030, 0.515, 0.955);
}
@keyframes neonGlow {
0% {
text-shadow: 0 0 10px rgba(255,255,255,.9), 0 0 40px rgba(255,255,255,.9),
0 0 22px rgba(255,255,255,.9), 0 0 40px rgba(128, 0, 255,.9),
0 0 60px rgba(128, 0, 255,.9), 0 0 80px rgba(128, 0, 255,.1),
0 0 100px rgba(128, 0, 255,.1), 0 0 140px rgba(128, 0, 255,.1),
0 0 200px rgba(128, 0, 255,.1);
}
100% {
text-shadow: 0 0 2px rgba(255,255,255,.8), 0 0 1px rgba(255,255,255,.8),
0 0 10px rgba(255,255,255,.8), 0 0 20px rgba(128, 0, 255,.8),
0 0 30px rgba(128, 0, 255,.8), 0 0 40px rgba(128, 0, 255,.8),
0 0 50px rgba(128, 0, 255,.5), 0 0 80px rgba(128, 0, 255,.5);
}
}
</style>
<div class="neon">San Francisco</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<s> Physische Auszeichnung
PHP - Datei alle fünf Sekunden aktualisieren