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.

<caption> Tabellenüberschrift

CSS - Hintergrundbild mit Zoom Funktion

PHP - Logfiles in einer Datei speichern

JavaScript - Leerzeichen am Anfang und Ende einer Zeichenkette entfernen

MySQL - Löschen eines Datensatzes oder mehrere Datensätze

Link auf die Startseite
Beim verlinken fremder Webseiten sollte der Link nach Möglichkeit zur Startseite führen. Grund: Oftmals werden Unterseiten einfach gelöscht und sind dann nicht mehr verfügbar.