:doodle { @grid: 15 / 100vmax; background: rgba(232, 240, 217, 0.4); } :doodle(:hover) { --s: 1 ; } :after { content: @pick(4,0); font-size: 4vmax; color: #e8f0d9; transform: scale(@rand(.2, .9)); } transition: .5s cubic-bezier(.175, .885, .32, 1.275); transition-delay: @rand(650ms); transform: translateY(calc(var(--s) * 100%)) rotate(calc(var(--s) * 360deg));