<!DOCTYPE html> <html> <head> <title>CSS3 SkewX() method</title> </head> <body> <style type="text/css"> .skew_x{ width: 300px; height: 100px; background-color: #F30; border: 1px solid #0099da; color:#FFF; } .my_skew_x{ -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); /* Standard syntax */ background:#F30; color:#FFF; width: 300px; height: 100px; margin:5px 20px; border: 1px solid #000; } </style> <div class="skew_x"> www.freetimelearning.com </div> <div class="my_skew_x"> www.freetimelearning.com </div> </body> </html>
Output :
Topic :
SkewX() method
