3 <style type="text/css">
32 -webkit-transform: rotate(20deg);
38 -webkit-transform: rotate(-20deg);
58 Click on the links. Highlight should be clipped at the red border, while it should overflow on the green.<br>
59 <div class="noClipping">
60 <a href="#">Div with overflow visible. Lorem ipsum dolor sit amet, consectetur adipisicing...</a>
62 <div class="clipping noTransform">
63 <a href="#">Div with overflow hidden without transform. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>
65 <div class="clipping withTransform">
66 <a href="#">Div with overflow hidden with transform. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>
70 <div class="clipping outer">
71 <div class="clipping inner">
72 <a href="#">Nested divs with overflow hidden with transform. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>
76 <iframe src="data:text/html,
77 <style> div.overflowHiddenNoTransformi { color: red; border: solid; overflow: hidden; left: 150px; top: 100px; width: 100px; height: 100px; }</style>
80 <div class='overflowHiddenNoTransformi'>
81 <a href='#'>Div with overflow hidden without transform. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>