Carousel animation

Topic: Carousel animation

mm11 asked 7 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 Szymanska staff pro premium answered 7 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 commented 7 years ago

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

mm11 commented 7 years ago

Do you know how to add custom color to Waves effect, red, green …?

Add comment

Marta Szymanska staff pro premium answered 7 years ago

0 0 Best answer

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

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

User: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

About author

mm11

12Support score
9Questions 0Answers

0Snippets likes 0Snippets