Olá a todos.
Tenho o seguinte código:
Código (HTML):
Quero que a div swiper-slide , ou seja, a primeira que define o background tenha 0.5 de opacidade.
Mas, quero que a div slider-caption não tenha.
Como posso fazer a combinação em CSS? Sem ter de estar a tirar opacidade de cada imagem, dado que são mais de 200
Obrigado
Tenho o seguinte código:
Código (HTML):
<div class="swiper-slide dark" style="background-image: url('images/novas imagens/Header/header01.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">Lorem Ipsum</h2>
<p data-caption-animate="fadeInUp" data-caption-delay="200">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">Lorem Ipsum</h2>
<p data-caption-animate="fadeInUp" data-caption-delay="200">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
Quero que a div swiper-slide , ou seja, a primeira que define o background tenha 0.5 de opacidade.
Mas, quero que a div slider-caption não tenha.
Como posso fazer a combinação em CSS? Sem ter de estar a tirar opacidade de cada imagem, dado que são mais de 200
Obrigado