Generated pattern, no image files
Twelve lines of rules produce a different pattern every time the page loads.
:doodle { @grid: 12 / 100% 460px; }
border-radius: @pick(0, 0, 50%, 4px);
background: @pick(#D5F525, #5eead4, #a78bfa, #1b1f25, #1b1f25, #1b1f25);
transform: rotate(@pick(0, 45, 90)deg) scale(@rand(.4, 1));
transition: @rand(.4s, 1.6s) ease;
margin: 1px;
Built with css-doodle · MIT · yuanchuan