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.

<br> Zeilenumbruch

CSS - Listenelemente einfärben

PHP - Nach einer bestimmten Zeit automatisch abmelden

JavaScript - Bestimmte Textstellen markieren

MySQL - Mit mehreren Begriffen gleichzeitig suchen