CSS - Glühende Neon Buchstaben
Los Angeles
<style>
/* Glühende Neon Buchstaben */
div.neon {
font-variant: Small-Caps;
color: White;
font-size: 5em;
text-align: Center;
padding: 70px;
background: rgb(157, 0, 157);
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, 57, 255,.9),
0 0 60px rgba(255, 57, 255,.9), 0 0 80px rgba(255, 57, 255,.1),
0 0 100px rgba(255, 57, 255,.1), 0 0 140px rgba(255, 57, 255,.1),
0 0 200px rgba(255, 57, 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(255, 57, 255,.8),
0 0 30px rgba(255, 57, 255,.8), 0 0 40px rgba(255, 57, 255,.8),
0 0 50px rgba(255, 57, 255,.5), 0 0 80px rgba(255, 57, 255,.5);
}
}
</style>
<div class="neon">Los Angeles</div>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<button> Button
CSS - Beschriftungen und Formularfelder gleichmäßig untereinander setzen