I have these images on a page having Class & ID img1, and I want them to move aside when I scroll down and vice versa. I would be much obliged if you help me.
I have been using this CSS to make it up and down in a smooth way. Thanks.
.img1 {
-webkit-animation: mover 2s infinite alternate;
animation: mover 2s infinite alternate;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-20px); }
}