Smooth transition with Hero Carousel

Hi,

Brootstrap Studio newbie here, apologies if I am oblivious to anything.
I am trying to redesign my website and am in the process of making some design ideas to see what I like best. I have put a hero carousel on the page to scroll between a few images, the only issue is they suddenly change (usually involving the image flickering for a second between transition). Is there a way to get the slides to nicely cross fade between the images/slides. I saw an option for fade but It still jumps. The other way I think I could do this is just make a video transition, I only want to do that if a fade (over like 500ms) isn’t possible.

Here is what I roughly have, I like the ability to change images

Hello ath0rus,

Welcome to the forums! For an issue like this, seeing your code and having the images would be useful to test for what’s causing this. Can you publish your site or share the project file?

There could be all manner of things that are causing this.

Hey @catkin,
I should have done that first…
Here is the project file, I hope you can see enough with it.
https://file.garden/afBgg4mVkE7pGA9h/ath0rus.com%20V1.bsdesign

Hey @catkin,

It must be something funky with my browser (firefox), I have done some more tests and have a version live, My friend (using opera) has 0 issues with the slide aspect and Chrome for me displays it fine.

1 Like