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