Text-Effekte
Die CSS-Angabe text-shadow sorgt für 3D Text.
Die Titelzeile verwendet den Text-shadow-stil namens Mark Dotto's Seriously 3D Text.
Bei der Musikauswahl erfolgt eine softe Umschaltung auf die Eigenschaften einer anderen CSS-Klasse mit transition: all [n]s ease-out. (1)

Box-Effekte
Schatten- und Glüheffekte wurden mit box-shadow erzeugt.
Hintergrundfarben und Farben von Rahmen und Schatten nutzen Farbangaben mit rgba(), wo Alphawerte mitgegeben werden können.
Hintergrund-Verläufe sind mit background: linear-gradient(); erzeugt (1, 2).

Eier-Grafik
Die Ostereier-Form wird durch ungleichmässige border-radius Angaben erzeugt (3). Die Füllfarbe der Eier erfolgt mit Hintergrund-Angaben von CSS-Gradienten
background: radial-gradient(center, ellipse cover, [Farbe1] 0%,[Farbe2] 100%); (1, 2).

Sound
Es gibt 2 Audiotags im Dokument: der erste beinhaltet die Musik als Stereo-Varianten (Sourcen als Ogg und Mp3) und ein zweiter Audio-Tag beinhaltet die Surround-Versionen (Sourcen als Ogg und Mpeg 4) (4, 5).
Ein Klick auf "stereo" oder "surround" löst setzt die Position anderen Audio-Tags auf den Wert die aktuelle Abspielposition per oAudio.currentTime und macht einen Cross-Fade Effekt mit oAudio.volume=iVol. Der Wert currentTime ist nur sekundengenau - der Crossfade klappt daher nicht ganz sauber. Abschliessend lasse ich das abzuschaltende Audio pausieren oAudio.pause();.
Die Ansteuerung der Audiotags und Fadings sind mit einfachen Javascript Funktionen ohne Verwendung eines Frameworks implementiert.