Moto qui parcourt la page au scroll
Une route serpentine (SVG) qui traverse toute la page ; la moto avance dessus au fil du scroll et pivote dans les virages.
Démo interactive · données simuléesScrollez toute la page : la moto avance sur la route et pivote dans les virages, chaque virage loge un paragraphe. À côté, la jauge de sérénité avance à chaque virage passé, et le bouclier se remplit en dessous — le rendu tel qu’il apparaîtrait sur une page réelle.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Consectetur adipiscing elit
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed do eiusmod tempor
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur non nulla sit amet nisl tempus convallis.
Ut enim ad minim veniam
Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Cras ultricies ligula sed magna dictum porta. Nulla porttitor accumsan tincidunt sit amet.
Duis aute irure dolor
Sed porttitor lectus nibh. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
Route en SVG : nette, légère, et le tracé sert à la fois de visuel et de trajectoire pour la moto.