Prevent css inherited from parent -
below html code
<ul class="tabs"> <li class="rotate"><a href="#tab1" class = "nororate" >one</a></li> <li class="rotate"><a href="#tab2" class = "nororate">two</a></li> </ul>
and below css code
.rotate { transform: perspective(5px) rotatex(2deg); }
i want rotate li
tag not rotate a
tag, have tried :not
, >
prevent a
tag rotated failed.
how can this?
you apply this:
.rotate { transform: rotate(2deg); } .norotate { transform: rotate(-2deg); }
basically should rotate parent element , rotate content in opposite direction return original position.
Comments
Post a Comment