8 500
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 580: | Linha 580: | ||
.slideshow-container { | .slideshow-container { | ||
display: block; | |||
max-width: 400px; | |||
position: relative; | |||
margin: auto; | |||
overflow: hidden; | |||
} | |||
} | |||
.slide { | |||
display: none; | |||
position: absolute; | |||
width: 100%; | |||
height: 300px; /* Altura da imagem */ | |||
opacity: 0; | |||
transition: opacity 1s; | |||
} | |||
.slide img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
} | |||
/* Efeito de transição do slideshow */ | |||
.slideshow-container .slide.fade { | |||
animation: fade 6s infinite; | |||
} | |||
@keyframes fade { | |||
0%, 20% { | |||
opacity: 1; | |||
} | } | ||
25%, 100% { | |||
opacity: 0; | |||
} | } | ||
} | |||
/* Setas de navegação */ | |||
.prev, .next { | |||
position: absolute; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
font-size: 24px; | |||
cursor: pointer; | |||
z-index: 1; | |||
} | |||
.prev { | |||
left: 10px; | |||
} | |||
.next { | |||
right: 10px; | |||
} |