1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
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 ...?

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

mm11 free commented 6 years ago

Bootstrap have animated.css, I just want to apply any of these animation ?☹

mm11 free commented 6 years ago

Do you know how to add custom color to Waves effect, red, green …?
Write
Create snippet
Please insert min. 20 characters.

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
About author
mm11
12Support score
9Questions 0Answers 0Snippets