|
micro
bunbun has a gungun



Registered: 05/09/03
Posts: 7,532
Loc: Brick City
|
CSS3 Reference Material for 2D Transforms
#22409905 - 10/20/15 03:50 PM (8 years, 3 months ago) |
|
|
http://www.w3.org/TR/css3-2d-transforms/
That is what I'm going by as of now.
I got to the first sentence and facepalmed:
Quote:
The CSS visual formatting model describes a coordinate system within each element is positioned.
That's not even fucking English! :V
Don't know if anyone knows of a better source of in depth information.
I kinda need this today though.
-------------------- Any research paper or book for free (Avatar is Maxxy, a character by Mizzyam, RIP)
|
Bacchus
Lurker




Registered: 10/10/06
Posts: 914
Loc: ::1
|
Re: CSS3 Reference Material for 2D Transforms [Re: micro]
#22420853 - 10/22/15 11:04 PM (8 years, 3 months ago) |
|
|
You're going to have a hell of a time doing 2 or 3 dimensional transformations if you're scared of the phrase coordinate system...
Remember graphing? y=mx+b? The coordinate system is how you describe how something (aka: "element") is positioned in space. It uses coordinates relative to a point of reference. "Start at zero, walk five units to the right and three units down." That puts you at the coordinate (5,-3)
The next couple of sentences in the document define the coordinate system used by CSS. It's similar to the x-y graph that you did in school, only y-values get bigger as you go down.
So, the point of reference in this coordinate system is still (0,0). X-values get bigger than zero as you go to the right and they get smaller than zero as you go to the left. Y-values get bigger as you go down from zero, and they get smaller as you go up. Also, the units are defined as pixels on the screen.
An element centered on the point (-300,122) lies 300 pixels to the left of the reference point and 122 pixels below it.
--------------------
Living on a no-Flash diet is way easier than you think. Give it a shot.
Edited by Bacchus (10/22/15 11:10 PM)
|
micro
bunbun has a gungun



Registered: 05/09/03
Posts: 7,532
Loc: Brick City
|
Re: CSS3 Reference Material for 2D Transforms [Re: Bacchus]
#22421129 - 10/23/15 12:38 AM (8 years, 3 months ago) |
|
|
No, I meant it wasn't proper english xD
Quote:
describes a coordinate system within each element is positioned
But hey, thanks!
-------------------- Any research paper or book for free (Avatar is Maxxy, a character by Mizzyam, RIP)
|
Bacchus
Lurker



Registered: 10/10/06
Posts: 914
Loc: ::1
|
Re: CSS3 Reference Material for 2D Transforms [Re: micro]
#22427464 - 10/24/15 02:16 PM (8 years, 3 months ago) |
|
|
Oh, I get it. I've been tutoring a math-hater recently, so that's the lens through which I saw your "not english" comment.
--------------------
Living on a no-Flash diet is way easier than you think. Give it a shot.
|
|