/*help*/
. help{ position:relative; width:130px; height:130px; BORDER:6PX #fff Solid; border-radius:50%; -webkit-animation:rotation 1s ease-in-out infinite; -moz-animation:rotation 1s ease-in-out infinite; animation:rotation 1s ease-in-out infinite; margin:60px Auto 0; }. help:after{ width:15px; height:15px; Background-color: # Fff border-radius:50%; Position:absolute; left:0px; top:57px; content: "";} @-webkit-keyframes rotation{ 0%{-webkit-transform:rotate (0deg);} 100%{- Webkit-transform:rotate (360deg);} } @-moz-keyframes rotation{ 0%{-moz-transform:rotate (0deg);} 100%{-Moz-transform:rotate (360deg);} } @keyframes rotation{ 0%{transform:rotate (0deg);} 100%{transform:rotate ( 360DEG);} }
<!--Typing Loader--
<div class= "Typing" >
<div class= "Help" >
</div>
</div>
********
Grammar
transform:none| transform-functions;
value |
Description |
Test |
None |
The definition does not convert. |
Test |
Matrix (n,n,n,n,n,n) |
Defines a 2D conversion, using a matrix of six values. |
Test |
Matrix3D (n,n,N,n,n,n,n, n ,n,n,N,n,n,N,n,n ) |
Defines a 3D conversion, using a 4x4 matrix of 16 values. |
|
Translate (x,y) |
Defines a 2D transformation. |
Test |
Translate3d (x,y,z) |
Defines a 3D transformation. |
|
TranslateX (x) |
Define the conversion, just with the value of the X-axis. |
Test |
Translatey (y) |
Define the conversion, just use the Y-axis value. |
Test |
Translatez (z) |
Defines a 3D conversion, just using the Z-axis value. |
|
Scale (x,y) |
Defines a 2D scaling transformation. |
Test |
Scale3d (x,y,z) |
Defines a 3D scaling transformation. |
|
ScaleX (x) |
Define the zoom transformation by setting the value of the X-axis. |
Test |
ScaleY (y) |
Define the zoom transformation by setting the value of the Y-axis. |
Test |
Scalez (z) |
Define a 3D scaling transformation by setting the value of the Z-axis. |
|
Rotate (angle) |
Defines the 2D rotation, which specifies the angle in the parameter. |
Test |
Rotate3d (x,y,z,angle) |
Defines the 3D rotation. |
|
Rotatex (angle) |
Defines the 3D rotation along the X-axis. |
Test |
Rotatey (angle) |
Defines a 3D rotation along the Y-axis. |
Test |
Rotatez (angle) |
Defines a 3D rotation along the Z-axis. |
Test |
Skew (x-angle,y-angle) |
Defines a 2D tilt transition along the X and Y axes. |
Test |
SKEWX (angle) |
Defines a 2D tilt transition along the X-axis. |
Test |
Skewy (angle) |
Defines a 2D tilt transition along the Y-axis. |
Test |
Perspective (n) |
Defines a Perspective view for 3D transformation elements. |
Test |
CSS3 Transform:rotate ()