:doodle {
@grid: 20 / 100vw;
grid-gap: 10px;
margin-top:-50px;
margin-right:-150px;
}
opacity: 0;
@size: 1px;
height: @rand(10%, 80%);
background: rgba(255,255,255,0.7);
@random {
animation: rain .75s linear infinite;
animation-delay: @rand(0s,2s);
filter: blur(.5px);
}
@keyframes rain {
0% {
opacity: 0;
transform: translate(0px, 0px) rotate(45deg);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate(-100px, 100px) rotate(45deg);
}
}