skew()
skew()
This page has been flagged with the following issues:
High-level issues:
Non-Standard
Needs Summary: This article does not have a summary. Summaries give a brief overview of the topic and are automatically included on some listing pages that link to this article.
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.
Compatibility
Desktop
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? |
Mobile
| Feature | Android | BlackBerry | Chrome for mobile | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Opera Mini | Safari Mobile |
|---|---|---|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? | ? | ? | ? |
See also
Related articles
Transforms
- skew()
… further results
Related pages (MSDN)
Transform FunctionsMathematical Description of Transform FunctionsHands On: 2D Transforms
This article contains content originally from external sources.
Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]
This tool helps to make and review comments inline.
How to Use
insert instructions, with images, here