js, um Sternblitzeffekte zu erzielen

 <Stil>
 *{
  Rand: 0;
  Polsterung: 0;
  Listenstil: keiner;
 }

 Körper{
  Hintergrundfarbe: #000;
 }

 Spanne{
  Breite: 30px;
  Höhe: 30px;
  Hintergrund: URL("../images_js/star.png") keine Wiederholung;
  Position: absolut;
  Hintergrundgröße: 100 % 100 %;
  Animation: Blitz 1 Sek. abwechselnd unendlich;
 }

 @keyframes blinken {
  0 % {Deckkraft: 0;}
  100 % {Deckkraft: 1;}
 }

 span:hover{
  transformieren: skalieren (3, 3) drehen (180 Grad) !wichtig;
  Übergang: alles 1en;
 }
 </Stil>
</Kopf>
<Text>
<Skript>
 fenster.onload = Funktion () {
 // 1. Bildschirmgröße ermitteln var screenW = document.documentElement.clientWidth;
 var screenH = document.documentElement.clientHeight;

 // 2. Sterne dynamisch erstellen for(var i=0; i<150; i++){
  // 2.1 Sterne erstellen var span = document.createElement('span');
  Dokument.Body.AnhängenUntergeordnetesElement(span);

  // 2.2 Zufällige Koordinaten var x = parseInt(Math.random() * screenW);
  var y = parseInt(Math.random() * screenH);
  span.style.left = x + "px";
  span.style.top = y + "px";

  // 2.3 Zufällige Skalierung var scale = Math.random() * 1.5;
  span.style.transform = 'Skala('+ Skala + ', ' + Skala + ')';

  // 2,4 Häufigkeit var rate = Math.random() * 1,5;
  span.style.animationDelay = Rate + „s“;
 }
 }
</Skript>