la vignette "carrousel"
transitions automatiques
-
en fondu
-
titre par dessus
Le code nécessaire pour répliquer la vignette carrousel du dessus :
Le code nécessaire pour répliquer la vignette carrousel du dessus :
Le titre de la vignette :
transitions automatiques<br>-<br>en fondu<br>-<br>titre par dessusle CSS à insérer dans la vignette :
flex-basis: 100vw!important;
max-height: 900px;
max-width:unset!important;
.row{pointer-events:none;}
.left,.right{display:none;}
.slide,.i,.rimg,.r,picture{height: 100% !important;}
.i,.rimg{
width: 100vw !important;
object-fit: cover;
object-position:center;
}
.title{
font-weight:700;
font-size:200%;
line-height:1em;
text-align:center;
position: absolute;
z-index: 20;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
padding:80px 20px;
border-radius:15px;
color:white;
box-shadow: 0 0 500px 800px rgba(0,0,0,.7);
background: rgba(0,0,0,.55);
}