Hi, I have this running code of a bootstrap carousel which also has the jquery plugin, iMapper, embedded in it.
I want to add css animations like in this sample, http://www.techcube.pk/templates/template20/
How do I go about it?
So far, I have implemented the bootstrap carousel and the imapper but how do i add these room animations to my carousel?
Xunaira J.
Software Developer and Published Author
Hmmm, might be more complex than meets the eye... You can copy the Javascript code from Techcube and insert that into your HTML, but I'm not sure if you'll encounter conflicts in any way.
Trial and error I guess ;)
Grey Davis
Frontend and other stuff
They've applied a 3D transform to the slides in a keyframe animation, so when you click on next/prev a
rotateY(..)with atranslateX(..)gets applied to the slide which moves the slides while creating a 3D box like effect.it's quite complex so you'd have to put in some time to do it smoothly, you can try following their animations code from here techcube.pk/templates/template20/css/animations.css
hope it helps! :)