active-worker Posted February 4, 2013 Share Posted February 4, 2013 (edited) 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 February 4, 2013 by active-worker Link to comment Share on other sites More sharing options...
Ingolme Posted February 4, 2013 Share Posted February 4, 2013 It's a transformation matrix. You need a certain amount of knowledge of algebra to understand it. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now