CSS - Glühende Neon Buchstaben
New Orleans
<style>
/* Glühende Neon Buchstaben */
div.neon {
font-variant: Small-Caps;
color: White;
font-size: 5em;
text-align: Center;
padding: 70px;
background: rgb(168, 54, 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, 87, 6,.9),
0 0 60px rgba(255, 87, 6,.9), 0 0 80px rgba(255, 87, 6,.1),
0 0 100px rgba(255, 87, 6,.1), 0 0 140px rgba(255, 87, 6,.1),
0 0 200px rgba(255, 87, 6,.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, 87, 6,.8),
0 0 30px rgba(255, 87, 6,.8), 0 0 40px rgba(255, 87, 6,.8),
0 0 50px rgba(255, 87, 6,.5), 0 0 80px rgba(255, 87, 6,.5);
}
}
</style>
<div class="neon">New Orleans</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Bausteinen (Codeschnipsel
) aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<span> Allgemeines Inline-Element
CSS - Glühende Neon Buchstaben
PHP - Tage zwischen zwei Datumsangaben berechnen