8 500
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 578: | Linha 578: | ||
/* Tests */ | /* Tests */ | ||
.slider { | |||
width: 100%; | |||
height: 100%; | |||
position: relative; | |||
background: #242424; | |||
overflow: hidden; | |||
} | |||
.slider img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
position: relative; | |||
margin: auto; | |||
top: 0; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
animation: fade 1s; | |||
} | |||
.slider .seta { | |||
z-index: 10; | |||
position: absolute; | |||
margin: auto; | |||
top: 0; | |||
bottom: 0; | |||
left: auto; | |||
right: auto; | |||
width: auto; | |||
height: 1.5rem; | |||
font-size: 2.5em; | |||
color: cornsilk; | |||
opacity: 0.5; | |||
transition: opacity 1s; | |||
} | |||
.slider .seta:hover { | |||
cursor: pointer; | |||
opacity: 1; | |||
} | |||
.slider .arrow-left { | |||
left: 2%; | |||
} | |||
.slider .arrow-right { | |||
right: 2%; | |||
} | |||
.slider .paginacao { | |||
position: absolute; | |||
margin: auto; | |||
top: auto; | |||
bottom: 2%; | |||
left: 0; | |||
right: 0; | |||
width: 7rem; | |||
height: auto; | |||
z-index: 5; | |||
} | |||
.slider .paginacao .botao { | |||
width: auto; | |||
height: auto; | |||
display: inline-flex; | |||
align-content: center; | |||
justify-content: center; | |||
color: #fff; | |||
} | |||
@keyframes fade { | |||
from { | |||
opacity: 0.1; | |||
} | |||
to { | |||
opacity: 1; | |||
} | |||
} |