CSS Transform Property

Without the transition, transform property is able just to turn over the object it is applied to. So, in the most real-life situations (real-life?), these two options are applied together.
Just Transform
Powers which this property posses are:
rotate(angle),
skew(angle),
translate(x,y),
scale(x,y),
matrix(n,n,n,n,n,n).
All values are pretty self-explainable accept maybe the matrix.
rotate and skew options use angle degree values (values can be negative and you can type more than 360, such as 1080deg, for three full rotations).
The translate option uses px or %.
The scale option uses just numbers and they define how much the object is going to increase/decrease according to parameters given to the width and height.
All of these properties accept the matrix (which is still maybe not self-explained) have special options with X and Y added to syntax in which case, just one parameter is needed and property in rotate and skew cases, becomes relative to x or y-axis (e.g. translateX(), scaleY()…).
The matrix option does EVERYTHING


Original URL: http://feedproxy.google.com/~r/feedsapi/BwPx/~3/Cqo0B6nXR6E/

Original article

Comments are closed.

Proudly powered by WordPress | Theme: Baskerville 2 by Anders Noren.

Up ↑

%d bloggers like this: