<css-doodle grid="12">
  :doodle {
    @grid: 12 / 100vmax;
    background: #0a0c27;
  }

  @shape: circle;
  background: hsla(@index(), 70%, 68%, @rand(0.6));
  transform:
    scale(@rand(.2, 1.2))
    translate(@rand(-50%, 50%), @rand(-50%, 50%));
</css-doodle>
body {
  margin: 0;
  overflow-x: hidden;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/css-doodle/0.2.3/css-doodle.js