Animate Image on scroll on line in bootstrap

Question

How can I create this using bootstrap so that it's responsive? I want to animate the bicycle from start to end as someone scrolls the page. Also, How can I create this dotted line in bootstrap such that it's responsive too?

Any codepen which can help here?

col-6       col-6
image start--------------(at bottom of border)
col-6       col-6
image------
col-6       col-6
image  end--------

user_15504813 · Answer

You may use waypoints to make your page play animation when some waypoint is triggered. There you can read guide about waypoints.

Or you also can go through this guide and it could help you.

As alternative you can use ScrollMagic plugin.

I hope you will find something useful for you.

Animate Image on scroll on line in bootstrap

1 Answers