Interesting JS effect
Not sure if the is the right place to ask if its possible to reproduce the effect of the blue female boxer, 3 or 4 screens in of https://www.paris2024.org/en/design/? This is created using JavaScript, but I wonder if it or something like it could be done purely with CSS?
dev
Paris 2024
Paris 2024 : design et règles d'usages de l'emblème
Cet emblème est le premier visage de l’histoire des Jeux. Il traduit la volonté de Paris 2024 d’organiser des Jeux pour les gens et avec les gens.
2 Replies
You would need JS to detect user scroll motion. But otherwise it should be possible with CSS only, if you play it back and forth or just once it comes into view.
@Londonpeteharrison @Joao I was able to accomplish the opposite version of the effect.
Quite similar, but not the same:
https://codepen.io/eioluseyi/pen/JjVKOom
Also, for the the part of getting the scroll position, css scroll animations should do the trick