CSS - Glühende Neon Buchstaben

San Francisco

<style>

/* Glühende Neon Buchstaben */

div.neon {
 
font-variantSmall-Caps;
 
colorWhite;
 
font-size5em;
 
text-alignCenter;
 
padding70px;
 
backgroundrgb(710142);
 
animationneonGlow 1.5s infinite alternate cubic-bezier(0.4550.0300.5150.955);
}

@
keyframes neonGlow {
 
0% {
  
text-shadow0 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(1280255,.9),
0 0 60px rgba(1280255,.9), 0 0 80px rgba(1280255,.1),
0 0 100px rgba(1280255,.1), 0 0 140px rgba(1280255,.1),
0 0 200px rgba(1280255,.1);
 }
 
100% {
 
text-shadow0 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(1280255,.8),
0 0 30px rgba(1280255,.8), 0 0 40px rgba(1280255,.8),
0 0 50px rgba(1280255,.5), 0 0 80px rgba(1280255,.5);
 }
}
</
style>

<
div class="neon">San Francisco</div>
Glühende Neon Buchstaben - Generator

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<s> Physische Auszeichnung

CSS - Krieg der Sterne

PHP - Datei alle fünf Sekunden aktualisieren

JavaScript - Audiodatei in JavaScript verstecken

MySQL - Spalten-Durchschnitt ermitteln