Topic: Carousel animation
mm11 free asked 6 years ago
How to add, instead of slide and fade animation, my carousel changes images with zoomInDown animation or any other. More and more, for example. First slide zoomIn other slideInDown ...?
Add comment
Marta Wierzbicka staff answered 6 years ago
Hi,
code for a custom color for waves-effect:
CSS:
.waves-effect.waves-green .waves-ripple { background: rgba(76, 175, 80, 0.7); }Sample HTML:
<button type="button" class="btn btn-lg btn-primary waves-effect waves-green">Primary</button>
I also found a solution for custom animation for carousel:
JS:
$(".carousel-fade .carousel-item").addClass("animated zoomIn");
and from HTML of .carousel
remove .slide
class
Best,
Marta
Marta Wierzbicka staff answered 6 years ago
Hi,
.carousel
is and Bootstrap component and for now, we don't have an option to add additional animation instead of Bootstrap one but we will think about implementing this.
Best,
Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags