Diferencia entre revisiones de «Slide.css»
De WikiCafe
Línea 5: | Línea 5: | ||
float:right; | float:right; | ||
margin-right:-25px; | margin-right:-25px; | ||
− | margin-top:- | + | margin-top:-150px; |
} | } |
Revisión del 02:07 5 mar 2021
.container {
background-color: white; width: 300px; padding: 50px;
float:right; margin-right:-25px; margin-top:-150px;
}
ul, li {
padding: 0; margin: 0; list-style: none;
}
ul.slider {
position: relative; width: 300px; height: 300px;
}
ul.slider li {
position: absolute; left: 0px; top: 0px; opacity: 0; width: inherit; height: inherit; transition: opacity .5s; background: #fff;
align-items: center;
}
ul.slider li img {
width: 100%; height: 300px; object-fit: cover;
}
ul.slider li:first-child {
opacity: 1;
/*Mostramos el primer