Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5862 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 121088 Cadre fond différents | | Coucou Voici comment réaliser par exemple un cadre avec des fonds pages différents selon vos textes. [Vous devez être inscrit et connecté pour voir cette image] Html à installer ou vous souhaitez avoir le cadre au couleur de fond différentes - Code:
-
<div class="container"> <div class="slide"> <p>Votre texte 1</p> </div> <div class="slide"> <p>Votre texte 2</p> </div> <div class="slide"> <p>Votre texte 3</p> </div> </div> CSS:Changer les couleurs que vous souhaitez - Code:
-
position: relative; height: 100vh; overflow: auto; scroll-snap-type: mandatory; scroll-snap-points-y: repeat(100vh); scroll-snap-destination: 0 100%; } .slide { display: flex; justify-content: center; align-items: center; height: 100vh; }
/* Simple coloration */ body { margin: 0; } .slide { font-family: sans-serif; background: #FED0D1; color: #F34A4E; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; } .slide:nth-child(2n) { background: #F34A4E; color: #FED0D1; }
|
| |