Shulou(Shulou.com)06/01 Report--

Editor to share with you what is the use of scale () and skew () method, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Scale () method

The scale () method, which increases or decreases the size of the element, depending on the parameters of the width (X axis) and height (Y axis):

Example

-ms-transform:scale (2p3); / * IE9*/

-webkit-transform:scale (2p3); / * Safari*/

Transform:scale (2p3); / * Standard Grammar * /

Scale (2) the transition width is 2 times its original size and its height is 3 times its original size.

Skew () method

Grammar

Transform:skew ([,])

Contains two parameter values that represent the angle of tilt on the X and Y axes, respectively. If the second parameter is empty, the default is 0, and a negative parameter indicates a tilt in the opposite direction.

SkewX (); indicates that it is tilted only on the X axis (horizontal).

SkewY (); indicates that it is tilted only in the Y axis (vertical).

OperaSafariChromeFirefoxInternetExplorer

Example

Div

{

Transform:skew (30degence20deg)

-ms-transform:skew (30degjol 20deg); / * IE9*/

-webkit-transform:skew (30degjol 20deg); / * SafariandChrome*/

}

The skew element tilts 20 degrees and 30 degrees on the X and Y axes.

The above is all the content of the article "what are scale () and skew () methods for?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.