Непрозрачность на изображениях в слайдере - PullRequest
Новая
       21

Непрозрачность на изображениях в слайдере

1 голос
/ 07 февраля 2020

Это мой первый пост о stackoverflow, и я надеюсь, что помогу кому-нибудь, и наоборот: D. В чем моя проблема? Я создал слайдер изображений с эффектом Кенберн. В слайдере 3 изображения. Я хочу, чтобы при отображении изображения это было бы «обычное изображение», и через некоторое время, например, через 2 секунды изображение станет темнее, и на изображении появится некоторый текст. Я хочу, чтобы это выглядело как на этом сайте https://beslagicinterijer.eu/ Надеюсь, Вы меня понимаете. Заранее спасибо. 

@keyframes opacity {
	  0%   { opacity: 1; }
  100% { opacity: 0.3; }
}

.ws_images {
	animation: opacity 6s infinite;
}
<div class="ws_images"><ul>
		<li><img src="data1/images/img1.jpg" alt="img1" title="img1" id="wows1_0"></li>
		<li><img src="data1/images/img2.jpg" alt="img2" title="img2" id="wows1_1"></li>
		<li><img src="data1/images/img3.jpg" alt="img3" title="img3" id="wows1_2"></li>
	</ul></div>
...