CSS - Glühende Neon Buchstaben
New York
<style>
/* Glühende Neon Buchstaben */
div.neon {
font-variant: Small-Caps;
color: White;
font-size: 5em;
text-align: Center;
padding: 70px;
background: rgb(132, 132, 0);
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(255, 255, 0,.9),
0 0 60px rgba(255, 255, 0,.9), 0 0 80px rgba(255, 255, 0,.1),
0 0 100px rgba(255, 255, 0,.1), 0 0 140px rgba(255, 255, 0,.1),
0 0 200px rgba(255, 255, 0,.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(255, 255, 0,.8),
0 0 30px rgba(255, 255, 0,.8), 0 0 40px rgba(255, 255, 0,.8),
0 0 50px rgba(255, 255, 0,.5), 0 0 80px rgba(255, 255, 0,.5);
}
}
</style>
<div class="neon">New York</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<wbr> Zeilenumbruch erlauben
CSS - Notizzettel mit Büroklammer
PHP - Webseite mit einem Button neu laden