@keyframes myanimate
{
0% {left: 0top: 0}
20% {left: 1top: 1}
40% {left: 2top: 0}
60% {left: 3top: 1}
80% {left: 4top: 0}
100% {left: 5top: 1}
}
@keyframes drop0%
transform: translate(0,0) rotate3d(0,1,0,0deg)
33%
transform: translate(-20px,245px) rotate3d(0,1,0,-60deg)
66%
transform: translate(20px,490px) rotate3d(0,1,0,60deg)
100%
transform: translate(0,736px) rotate3d(0,1,0,0deg)
@keyframes drop2
0%
transform: translate(0,0) rotate3d(1,0,0,0deg)
33%
transform: translate(20px,245px) rotate3d(1,0,0,60deg)
66%
transform: translate(-20px,490px) rotate3d(1,0,0,-60deg)
100%
transform: translate(0,736px) rotate3d(1,0,0,0deg)