jQuery slider / Posts /

Demo 2 jquery - thumbnail slider does not displays main image properly in Firefox browser


Demo 2 (jquery - thumbnail slider) does not displays main image properly in Firefox browser although same works fine in IE or Chrome. Can we fix this for Firefox browser?

Ajay  one year ago   viewed: 2131    

1 Answer


It seems the Firefox does not allow the perspective and rotateY to come together for the transform property of the selector #thumbnail-slider .active .thumb. So you can make the following modification to the thumbnail-slider.css, and it will start working with the Firefox browser:

/*-- Start 3D --*/ #thumbnail-slider .thumb { -webkit-transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg); transform: perspective(500px) translateX(1px) translateZ(-30px) rotateY(30deg); } #thumbnail-slider .active .thumb { -webkit-transform: translateX(0px) translateZ(0px) rotateY(0deg); transform: translateX(0px) translateZ(0px) rotateY(0deg); } #thumbnail-slider li.active ~ li .thumb { -webkit-transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg); transform: perspective(500px) translateX(-1px) translateZ(-30px) rotateY(-30deg); } /*-- End 3D --*/
Milo   one year ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: