Jump to content
Todor Inchovski

change slider animation

Recommended Posts

find .carousel-inner>.carousel-item into your CSS files and change

.carousel-inner>.carousel-item { position: absolute; transition: .6s ease-in-out; opacity:0; }

next find .carousel-inner>.carousel-item.active and add opacity: 1

.carousel-inner>.carousel-item.active{ transition: .6s ease-in-out; opacity: 1; }

then you can comment the follow css

/*.carousel-inner>.active.left {*/ /*left: -100%*/ /*}*/ /*.carousel-inner>.active.right {*/ /*left: 100%*/ /*}*/

you also need to comment out the block:

@media (-webkit-transform-3d),(transform-3d)

 

It breaks the responsive behavior of the slider, but still does what I want

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More