CSS - DiscoLights - Box-Shadow Animation


<style>

.
discoStart {
 
animation:discoLights 2.2s infinite;
}

@
keyframes discoLights {
 
0% {
  
box-shadow0.5em -0.5em 0.4em Red0.5em 0.5em 0.4em Gold, -0.6em 0.5em 0.4em Lime, -0.7em -0.7em 0.20em Blue;
 }
 
25% {
  
box-shadow0.5em -0.5em 0.4em Blue0.5em 0.5em 0.4em Red, -0.6em 0.5em 0.4em Gold, -0.7em -0.7em 0.20em Lime;
 }
 
50% {
  
box-shadow0.5em -0.5em 0.4em Lime0.5em 0.5em 0.4em Blue, -0.6em 0.5em 0.4em Red, -0.7em -0.7em 0.20em Gold;
 }
 
75% {
  
box-shadow0.5em -0.5em 0.4em Gold0.5em 0.5em 0.4em Lime, -0.6em 0.5em 0.4em Blue, -0.7em -0.7em 0.20em Red;
 }
 
100% {
  
box-shadow0.5em -0.5em 0.4em Red0.5em 0.5em 0.4em Gold, -0.6em 0.5em 0.4em Lime, -0.7em -0.7em 0.20em Blue;
 }
}
</
style>

<
img src="bild.png" class="discoStart">

Bausteine  Alle Anzeigen

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

<td> Tabellenspalte

CSS - Pop-up-Bucheffekt

PHP - Konvertieren von Zeichen mit Akzenten

JavaScript - Leerzeichen am Anfang und Ende einer Zeichenkette entfernen

MySQL - Spalte umbenennen

Seriöses Design
Durch das Design entscheidet der Besucher über die Seriosität und Qualität der Seite. Mit einem guten Design haben Sie schnell Pluspunkte bei den Besuchern erzielt, ebenso können Sie damit Ihre Besucher verärgern, und sie somit zu keinem weiteren Besuch bewegen können.