CSS - Glühende Neon Buchstaben

New Orleans

<style>

/* Glühende Neon Buchstaben */

div.neon {
 
font-variantSmall-Caps;
 
colorWhite;
 
font-size5em;
 
text-alignCenter;
 
padding70px;
 
backgroundrgb(168540);
 
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(255876,.9),
0 0 60px rgba(255876,.9), 0 0 80px rgba(255876,.1),
0 0 100px rgba(255876,.1), 0 0 140px rgba(255876,.1),
0 0 200px rgba(255876,.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(255876,.8),
0 0 30px rgba(255876,.8), 0 0 40px rgba(255876,.8),
0 0 50px rgba(255876,.5), 0 0 80px rgba(255876,.5);
 }
}
</
style>

<
div class="neon">New Orleans</div>
Glühende Neon Buchstaben - Generator

Bausteine  Alle Anzeigen

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

<abbr> Abkürzung

CSS - Leuchtende blaue Eingabefelder

PHP - Text verlinken

JavaScript - BBCode in einem Textarea einfügen

MySQL - Eintrag in der Tabelle löschen

Seiten besuchen - Von Webseiten lernen
Schauen Sie sich auf anderen Webseiten um, suchen sie nach Ideen für Ihre eigene Seite. Gehen Sie mit wachsamem Auge durchs Netz. Lernen Sie aus den Fehlern anderer. Sagen Sie sich: "das hätte ich anders" oder "besser gemacht". Klicken Sie auf jeden noch so kleinen Link, schauen Sie was sich dahinter verbirgt. Wenn man zukünftigen Designern eine Empfehlung geben kann, dann diese: Surfen, surfen, surfen. Je mehr man mit eigenen Augen sieht, selbst ausprobiert und erlebt, desto besser.