:doodle {
@grid: 1x4 / 90vmax;
position: absolute;
overflow:hidden;
z-index: 0;
width:200vh;
}
@size: 100% 150%;
position: absolute;
background: @m(50, (
linear-gradient(transparent, @p(
#8B0000@repeat(2, @p([0-9a-f])),
#8B0000@repeat(2, @p([0-9a-f]))
))
@r(0%, 100%) @r(0%, 100%) /
@r(3px) @r(23vmin)
no-repeat
));
will-change: transform;
animation: f 20s linear calc(-20s / @size() * @i()) infinite;
@keyframes f {
from { transform: translateY(-100%) }
to { transform: translateY(100%) }
}