Выцветание фотографий в слайд-шоу с помощью CSS
-
12-12-2019 - |
Вопрос
У меня есть веб-сайт, а слайд-шоу картинок на главной странице.Перед удалением фотография я пишу следующее фото за ним, а затем удалите его.Я хотел узнать, как я могу добавить эффект выцветания до удаления фотографии.Мой сайт: Guyzyl.org, чтобы вы могли проверить то, о чем я говорю.Также я не знаю, как использовать jQuery, поэтому, пожалуйста, не предлагайте это решение.Спасибо за любую помощь.Парень z.
Решение
.photo{
-webkit-transition: opacity .5s ease-in-out; /*Webkit*/
-moz-transition: opacity .5s ease-in-out; /*Firefox*/
-o-transition: opacity .5s ease-in-out; /*Opera*/
transition: opacity .5s ease-in-out; /*CSS3 Standard*/
opacity: 1;
}
.photo.fade{
opacity: 0;
}
document.querySelector(".photo").classList.add("fade");
.
Смотреть демонстрируйте Demo: http://jsfiddle.net/derekl/jzlzz/
Не связан с StackOverflow