:doodle { @grid: 10 / 100vmax 100vmax; background:linear-gradient(45deg, #009EFA,#00D2FC,#4FFBDF); overflow:hidden; } @place-cell: @rand(0, 100)% @rand(0, 100)%; --p1:@rand(-50%, 50%); --p2:@rand(-50%, 50%); --size:@rand(0.2, 1.25); /* @place-item: center; */ @shape: circle; background:radial-gradient(rgba(255,255,255,0), rgba(255,255,255,0.2)); opacity:1.0; transform: scale(@var(--size)) translate(@var(--p1), @var(--p2)); animation: bubble 100s linear infinite; @keyframes bubble { 0%{ transform: scale(@var(--size)) translate(@var(--p1), @var(--p2)); } 50%{ opacity: @rand(0.3, 0.7); transform: scale(@rand(0.2, 1.25)) translate(@rand(-50%, 50%), @rand(-50%, 50%)); } 100%{ transform: scale(@var(--size)) translate(@var(--p1), @var(--p2)); } }

Social networking at your fingertips

No account? No problem!
Just click the link below.