HTML CSS examples for CSS Animation:Skew
Reverse skew value applying a CSS skew transform to an element
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #rhom {<!-- w ww . j a v a2 s . c om--> background-color:Chartreuse; height:301px; width:301px; -webkit-transform:rotate(46deg) skew(21deg, 21deg); } #rhom #fix { -webkit-transform:skew(-21deg, -21deg); } #rhom #fix div { height:301px; width:301px; text-align:center; line-height:301px; -webkit-transform:rotate(-46deg); } </style> </head> <body> <div id="rhom"> <div id="fix"> <div> Lorem ipsum dol </div> </div> </div> </body> </html>