CSS Shapes Patterns

Pattern definition

<x-pattern>
  _.backgroundColor = color();
  _.borderRadius = rangeOf(100) + '%';
  _.transform = `rotate(${ rangeOf(180) + 'deg' })`;
</x-pattern>

Gallery

https://yuanchuan.github.io/css-shapes-patterns/