Jump to content

The matrix() Method of CSS3


Recommended Posts

Hi, This is my first post. I like to know the following things: What is the matrix () Method in css3? The Tutorial (http://www.w3schools...dtransforms.asp) says that the matrix () method combines all of the 2D transform methods into one. But my question is how? In example, use this following numbers: transform: matrix (0.866,0.5,-0.5,0.866,0,0). My question is How to come this numbers and how I calculate them?Please see the codes here form http://www.w3schools.com CSS3 matrix() Method tutorial: <!DOCTYPE html><html><head><style>div{width:100px;height:75px;background-color:red;border:1px solid black;}div#div2{transform:matrix(0.866,0.5,-0.5,0.866,0,0);-ms-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* IE 9 */-moz-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Firefox */-webkit-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Safari and Chrome */-o-transform:matrix(0.866,0.5,-0.5,0.866,0,0); /* Opera */}</style></head><body> <div>Hello. This is a DIV element.</div> <div id="div2">Hello. This is a DIV element.</div> </body></html> No more, I am waiting for your kind response. Thanks

Edited by active-worker
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...