CSS3 rotate3D cross-browser issue -

-

so have fiddle: http://jsfiddle.net/aa9rm/1/ . works fine in firefox, have issues in chrome, , can't understand why. in firefox if move mouse after hover in workhover container works fine, doesn't anything, in chrome if try click or move inch, starts move (shake) , don't want that.

i use 3d rotations, css3, 

-moz-transform: rotatey(-90deg);; -webkit-transform:rotatey(-90deg); transform:rotatey(-90deg);

solutions anyone?

i think encounter same bug question : css flip transition between 2 <div>'s

it looks chrome bug div you're trying rotate rotating bit much. can fix jsfiddle on chrome changing css (see webkit degree) :

.cube:hover{     -moz-transform: rotatey(-90deg);     -webkit-transform:rotatey(-89.9deg);     transform:rotatey(-90deg); }

it's quite hacky never found clean solution. can use pointer-events: none; property in way make works.


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more