CSS - DiscoLights - Box-Shadow Animation
<style>
.discoStart {
animation:discoLights 2.2s infinite;
}
@keyframes discoLights {
0% {
box-shadow: 0.5em -0.5em 0.4em Red, 0.5em 0.5em 0.4em Gold, -0.6em 0.5em 0.4em Lime, -0.7em -0.7em 0.20em Blue;
}
25% {
box-shadow: 0.5em -0.5em 0.4em Blue, 0.5em 0.5em 0.4em Red, -0.6em 0.5em 0.4em Gold, -0.7em -0.7em 0.20em Lime;
}
50% {
box-shadow: 0.5em -0.5em 0.4em Lime, 0.5em 0.5em 0.4em Blue, -0.6em 0.5em 0.4em Red, -0.7em -0.7em 0.20em Gold;
}
75% {
box-shadow: 0.5em -0.5em 0.4em Gold, 0.5em 0.5em 0.4em Lime, -0.6em 0.5em 0.4em Blue, -0.7em -0.7em 0.20em Red;
}
100% {
box-shadow: 0.5em -0.5em 0.4em Red, 0.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.
<ol> Nummerierte Liste
CSS - Nahtlose unendliche Hintergrundbild-Scroll-Animation
PHP - Mit range() und array_merge() Auswahllisten erstellen