before_css

css_transform_skew

by iamya

HTML

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>css_transform_skew</title>
    </head>
    
    <body>
        <div class="classname"><a href="http://www.google.com">google link</a></div>
    </body>
</html>

CSS

body{ font-size:18px; color:#FFF; }
a { color:#FFF}
.classname 
{ 
    border:solid 1px #2d2d2d;  
    text-align:center; 
    background:#575757; 
    padding:100px 50px 100px 50px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    transform:skew(20deg);
    -webkit-transform:skew(20deg);
    -moz-transform:skew(20deg);
    -o-transform:skew(20deg);
    -ms-transform:skew(20deg);
}