: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));
}
}
Recover your password
To recover your password let us know your email address and type the displayed captcha code.