Neben den entsprechenden Akkordion-Buttons befindet sich eine versteckte Checkbox.
Mithilfe des General sibling selectors (Allgemeiner Geschwister-Selektor) kann der Akkordion-Inhalt entsprechend dem Status der Checkbox verändert werden.
<input type="checkbox" /> <div class="accordion-content"></div>
.accordion-content {
display:none;
}
input:checked ~ .accordion-content {
display:block;
}
Der Base64-Noise-Generator ist ein Online-Tool zum Erstellen von Base64-CSS-Background-Noise-PNGs:
Bild-Abmessungen, Farben und Stärke des Rauschens lassen sich frei definieren. Standardmäßig ist 8-Bit Farbtiefe aktiviert – es lässt sich auch auf 24-Bit umstellen, das ist aber nicht empfohlen:
Die 8-Bit-Variante ist meist um mehr als 50 Prozent kleiner, und da es bei einem Übergang zwischen 2 Farben nie mehr als 255 Abstufungen geben kann ist die Bild-Qualität identisch.
Die Zufalls-Funktion ist noch nicht ganz optimal. Verbesserungsvorschläge sind gern gesehen.
Aber ich denke man kann dem Generator schon damit ganz brauchbare Ergebnisse abgewinnen, wenn mann ein wenig herum-konfiguriert.
Update: Den Source-Code des Tools findet man auch auf Github.