Css3 are these two statements equivalent for transform?

CSS is parsed in a way so that the last statement is the only one that is rendered.

Up vote 1 down vote favorite share g+ share fb share tw.

I was wondering if these two set of statements are equivalent or not. I thought they were but they seem to be doing different things. -webkit-transform: rotate(45deg); -webkit-transform: translateX(200px); -webkit-transform-origin:0% 100%; and... -webkit-transform: rotate(45deg) translateX(200px); -webkit-transform-origin:0% 100%; it seems that on the first set of statements, only the translateX gets performed and rotate does not.

I changed the order around for the first set of statements to... -webkit-transform: translateX(200px); -webkit-transform: rotate(45deg); -webkit-transform-origin:0% 100%; and it seems to just perform the rotate and not the translateX. Does it just do the latter one? However by writing... -webkit-transform: rotate(45deg) translateX(200px); -webkit-transform-origin:0% 100%; it does both the rotate first and then the translateX.

I thought this was supposed to just be a shorthand of writing it. Is it not? Here is a link to the code.

It's really simple. jsfiddle.net/gCeUe/2/ thanks for the help! Clear and thorough help would be much appreciated = ) css css3 transform link|improve this question asked Dec 26 '11 at 1:19Crystal1036 87% accept rate.

CSS is parsed in a way so that the last statement is the only one that is rendered: color: red; color: green; color: blue; /* This is what the color will be */ When you write your code like this: -webkit-transform: rotate(45deg); -webkit-transform: translateX(200px); -webkit-transform is set to rotate(45deg) and then overwritten with translateX(200px). This is the correct syntax: -webkit-transform: rotate(45deg) translateX(200px).

Oh I see. Thanks! That makes sense.

I knew about the color being overwritten but I thought initially that transform appends instead of overwrites – Crystal Dec 27 '11 at 3:09.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions