Login

Carousel fade (tricks CSS)

Preview demo
Desktop
Mobile

Slide effect fade for brizy cloud



This content has been hidden.

Please Donate or Complete Survey (advertisement) to unlock free.

Download demo

Instructional videos




CODE CSS


.wtr-slide_style2 .slick-track {
  left: 0!important;
}
.wtr-slide_style2 .slick-slide:not(.slick-cloned) {
  position: absolute;
}
.wtr-slide_style2 .slick-slide:not(.slick-active) {
  opacity: 0!important;
  -webkit-transition: opacity 1.5s ease-in!important;
  -o-transition: opacity 1.5s ease-in!important;
  transition: opacity 1.5s ease-in!important;
  z-index: -1!important;  
}
.wtr-slide_style2 .slick-active {
  -webkit-transition: opacity 1.5s ease-in!important;
  -o-transition: opacity 1.5s ease-in!important;
  transition: opacity 1.5s ease-in!important;
}


Download block demo

Download demo

How to use it

Download file demo.zip, upload to Brizy. Done (Then you can see the css code from here)

  1. Click download demo.zip
  2. To import, go to a page >> click on "add a new block" >> select "saved" tab >> click on "import new block" >> Upload your zip file >> Completed.
  3. Customize to your fancy. Watch the video tutorial here

*Note: License Pro is required for the functions to work

Key word:

Slide effect fade for brizy cloud

$5

Published by Philip

Future update

Lifetime support

Live chat - Setup support

Compatible with BrizyCloud & WP

Join premium membership to unlock all pages (no ads)