Carousel animation

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

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

Marta Wierzbicka staff answered 6 years ago

1 0 Best answer

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 …?

Add comment

Write

Create snippet

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

mm11

12Support score
9Questions 0Answers 0Snippets