Prev Demo
CSS3
>
Matrix Method
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title></title> <style> div { width: 200px; height: 50px; border: 2px solid blue; } div#myDiv1 { -webkit-transform: matrix(1, 0.3, 0, 1, 0, 0); -moz-transform: matrix(1, 0.3, 0, 1, 0, 0); } div#myDiv2 { -webkit-transform: matrix(1, 0, -0.3, 1, 0, 0); -moz-transform: matrix(1, 0, -0.3, 1, 0, 0); } </style> </head> <body> <p><i>Matrix method</i></p> <div style="background-color:darkmagenta"> Normal method </div> <div id="myDiv1" style="background-color:green"> using Matrix method </div> <div id="myDiv2" style="background-color:pink"> using Matrix method. </div> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
