CODEWITHSUNDEEP
csshovercss-transforms
Pavel Krymets
Pavel Krymets

Reputation: 6293

:hover works only on lower part of rotateX transformed div

I have div with CSS rotateX transform applied to it:

-webkit-transform: perspective(500px)  rotateX(60deg) rotateY(60deg) ;

and a bunch of smaller div's floated in it, with :hover rule applied to them. The problem is that only half of inner divs react to :hover event.

JsFiddle: http://jsfiddle.net/fNxgn/4/

Upvotes: 3

Views: 517

Answers (1)

Alexandr Gudym
Alexandr Gudym

Reputation: 46

if you remove in css height: 200px all block will react hover event

Upvotes: 3

Related Questions