skew()

< css‎ | functions
Jump to: navigation, search

skew()

This article is Ready to Use.


Non-Standard

Summary

Defines a two-dimensional transformation consisting of simultaneous skew transformations of the X and Y axes. Not recommended and supported only for backwards compatibility; use a combination of skewX(angle), skewY(angle) and/or rotate(angle) instead.



Compatibility

There is no data available for topic "css", feature "skew()". If you think that there should be data available, consider opening an issue.

Examples

View live exampleThe following code snippet is an example of the skew function in use. When applied to a square blue div element, it has the effect illustrated in the image. (The light-blue square indicates the original position of the transformed element.)

CSS

div {    
  transform: skew(42deg, -12deg);
}


Syntax

skew ( <angle-x> , <angle-y> )

Parameters

angle-x
The angle by which the element is skewed along the x-axis. This value is expressed as a number followed by a supported angle unit.
angle-y
The angle by which the element is skewed along the y-axis. This value is expressed as a number followed by a supported angle unit.


See also

Related articles

Transforms

















  • skew()














Related pages (MSDN)

Attribution

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]