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 */ | |||
} | |||
.slide img { | |||
width: 100%; | |||
height: 100%; | |||
object-fit: cover; | |||
} | |||
/* Efeito de transição do slideshow */ | |||
.slideshow-container .slide:first-child { | |||
display: block; | |||
} | |||
/* Setas de navegação */ | |||
.prev, .next { | |||
position: absolute; | |||
top: 50%; | |||
font-size: 24px; | |||
cursor: pointer; | |||
z-index: 1; | |||
color: white; | |||
background-color: rgba(0, 0, 0, 0.5); | |||
padding: 10px; | |||
} | } | ||
.prev { | |||
left: 10px; | |||
} | } | ||
.next { | |||
right: 10px; | |||
} | |||
/* Navegação usando :target */ | |||
.slide:target { | |||
display: block; | |||
} | |||