Maison Bertrand

Ce bloc est un patron, pas un site

Le média part à 300 px de large au centre de l'écran et s'ouvre jusqu'à remplir le cadre pendant qu'on descend. Le titre s'écarte en deux, le fond s'efface, puis le texte arrive. Exactement l'effet du « Scroll Expansion Hero » de 21st.dev.

La différence : celui-ci est écrit en HTML, CSS et JavaScript purs. Aucune librairie, aucune compilation, aucun node_modules. Il se pose dans n'importe lequel de nos sites en remplaçant deux images et trois lignes de texte.

3

fichiershtml, css, js

0

dépendancerien à installer

2

imagesle fond et le média

Pour l'adapter : remplacez assets/fond.jpg et assets/media.jpg, le nom dans le titre (un mot par span), la date et l'invitation à défiler. Tout le reste suit.