CSS3 translate, transform, transition difference

Translate: Mobile,

A method of transform

               through the Translate () method, the element moves from its current position , based on the given left (x-coordinate) and top (y-coordinate) positional parameters:           usage transform:translate (50px, 100px);               -ms-transform : Translate (50px,100px);               - Webkit-transform:translate (50px,100px);               -o-transform:translate (50px,100px);               -moz-transform:translate (50px,100px);  transform: deformed. Change                   CSS3 mainly includes rotation: rotate () Rotates the given angle clockwise, allowing negative values rotate (30deg)                      Twist: The skew () element flips the given angle, according to the given horizontal line (X axis) and vertical (Y-axis) Parameters: Skew (30deg,20deg)                      Zoom: Scale () zooms in or out, depending on the given width (X Axis) and height (Y axis) Parameters: Scale (2,4)                      move: Translate () panning, passing in X, Y values, representing distances along the X and Y axes                      all 2D conversion methods are grouped together: matrix ()   rotate, scale, Moving and tilting elements                     matrix (Scale.x,,, Scale.y, translate.x, translate.y)          Change the starting position Transform-origin:bottom left;       Integrated use: Transform:30deg 1.5 30deg 20deg 100px 200px; transition: Allows a smooth transition of CSS property values within a certain time interval,              requires an event trigger, such as click, get focus, lose focus, and so on              Transition:property Duration timing-function delay;                    PROPERTY:CSS properties, for example: width height is none when all movement is stopped, can be transform                                duration: Duration                     timing-function: Ease                   etc.   delay: Delay                      Note: All animations            when property is all    Example: Transition:width 2s ease 0s;            http:// Www.w3cplus.com/content/css3-transition

CSS3 translate, transform, transition difference