Add zoom effect to carousel

Preview demo

This content has been hidden.

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

Add custom class: effect-scale

Code CSS:

.effect-scale .slick-active .brz-bg-image {
 -webkit-animation: crescendo 100s ease-in;
     animation: crescendo 100s ease-in;
}
@-webkit-keyframes crescendo {
 0%  {-webkit-transform: scale(1.1);transform: scale(1.1);}
 5% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes crescendo {
 0%  {-webkit-transform: scale(1.1);transform: scale(1.1);}
 5% {-webkit-transform: scale(1);transform: scale(1);}
}

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:

How to add zoom effect to carousel for brizy cloud, How to add zoom effect to slider for brizy cloud