Die Zikaden-Prinzip und CSS

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Charlotte Jackson verwendet diese klassische clevere Technik, um den border-radius pseudo-zufällig zu machen und unregelmäßige Kreise für ein Fotogitter zu erzeugen.

Eine Zikade ist ein ziemlich grimmig aussehender kleiner Käfer. Sie haben vielleicht schon von ihnen gehört. Es gibt eine Art, die Periodische Zikade genannt wird, die alle 7, 11, 13 oder 17 Jahre gleichzeitig in Massen auftaucht; sie finden einen Partner und sterben dann. Es ist kein langes Leben.

Das Interessante ist jedoch, dass diese Zahlen alle Primzahlen sind.

Alex Walker hat sich dem im Jahr 2011 angenommen und einige coole Demos erstellt, wie z. B. zufällige, sich nicht wiederholende Hintergründe und unendliche Variationen von Lego-Männchen.

Hier ist eine Demo von yoksel, die die Idee mit Mischmodi kombiniert

Siehe den Pen The Cicada Principle background + background-blend-mode von yoksel (@yoksel) auf CodePen.

Direkter Link →