Bushes

Fork

Picked

Code

@grid: 24 / 55vmin 80vmin / #fff ^ -10vmin *h -80;
@seed: 1790162558005;

--color: @p(#155674,#60beb3,#79f8bb,#f5ffae);

scale: @rn(0, 2, 2);
rotate: @rn(-30deg, 30deg, 2);

:after {
  content: @p('⬮', '.');
  position: absolute;
  font-size: @rn(5vmin);
  line-height: 0;
  color: var(--color);
  transform: scale(@rn(.1, 2, 2));
  z-index: 1;
  text-shadow: @m2(
    @r(±2vmin) @r(±2vmin) 0 var(--color)
  );
}

@random(.05) {
  :after {
    color: #ff0000;
  }
}

@random(.2) {
  rotate: @rn(±90deg, 2);
  :after {
    content: '';
    position: absolute;
    z-index: 0;
    @size: 1px @rn(0, 30px, 2);
    background: linear-gradient(
      $color @rn(50%), #0000
    );
  }
}

@random(.1) {
  :before {
    content: '.';
    position: absolute;
    color: $color;
    opacity: @rn(1);
    text-shadow: @m24(
      @plot(r: @rn(3em)) 0 currentColor
    );
  }
}