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

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Text mit gestreiftem Hintergrund

PHP - CSS-Boxen mit PHP erzeugen

JavaScript - Text über ID auslesen und ändern

MySQL - Datensätze sortieren nach Länge der Zeichen