H5 - css3 (the first day of learning c3)

css3 conversion in: the elements may be moved, scaled, equipped to understand, elongated or stretched.

Property Value: transform

           Each browser kernel is different, so the corresponding prefix is ​​different, Google is: -webkit-; ie is -ms-; Firefox is -moz-

  2D rotation properties

      translate () according to the given parameters, the current element is moved from position

      rotate () for a given degree of rotation of the element, to allow negative (counterclockwise rotation element)

      scale () parameter to increase or decrease the size of the element, depending on the width (X value) and height (Y value)

      skew () comprising two parameter values, representing the X-axis and Y-axis tilt angle, the parameter space, the default is 0; parameter is negative, it indicates a tilt in the opposite direction

3D rotation properties

     This attribute number is not added in 3D the element itself, to the parent element and attribute must bring the front to the browser itself prefix perspective horizon attribute value.

     Compared 2D rotation, 3D have a more clear direction, relevance.

Guess you like

Origin www.cnblogs.com/dengpu/p/11462827.html