<!DOCTYPE html> <html> <head> <title>CSS3 rotateX() method</title> </head> <body> <style type="text/css"> .rotate_x{ width: 300px; height: 100px; background-color: #F60; border: 1px solid #0099da; } .rotate_x_angle{ -webkit-transform: rotateX(150deg); /* Safari */ transform: rotateX(150deg); /* Standard syntax */ width: 300px; height: 100px; background-color: #F60; border: 1px solid #0099da; } </style> <div class="rotate_x"> Free Time Learning (www.freetimelearning.com) </div> <div class="rotate_x_angle"> Free Time Learning (www.freetimelearning.com) </div> </body> </html>
Output :
Topic :
rotateX() method
