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  8 years ago   viewed: 6411    

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   8 years 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: