{"json_modified": "2016-10-18T03:38:49.672945", "uuid": "173d766d-f3c4-4142-bfd5-707f1f66940c", "title": "skew()", "url": "/en-US/docs/Web/CSS/transform-function/skew", "tags": ["CSS", "Reference", "CSS Function", "NeedsCompatTable", "CSS Transforms"], "translations": [{"uuid": "28f62088-083e-4c6e-813b-a7b6c0a8758c", "title": "skew()", "url": "/fr/docs/Web/CSS/transform-function/skew", "tags": ["CSS", "Fonction", "Transformations CSS", "NeedsCompatTable", "R\u00e9f\u00e9rence"], "summary": "<iframe class=\"live-sample-frame sample-code-frame\" frameborder=\"0\" height=\"200\" id=\"frame_Utiliser_une_distorsion_sur_l'axe_horizontal\" src=\"https://mdn.mozillademos.org/fr/docs/Web/CSS/transform-function/skew$samples/Utiliser_une_distorsion_sur_l'axe_horizontal?revision=1131379\" width=\"100%\"/>", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-18T03:38:44", "review_tags": []}], "modified": "2016-10-17T15:43:46", "label": "skew()", "localization_tags": [], "locale": "en-US", "id": 170095, "last_edit": "2016-10-17T15:43:41", "summary": "The <code>skew()</code> CSS function is a shear mapping, or transvection, distorting each point of an element by a certain angle in each direction. It is done by increasing each coordinate by a value proportionate to the specified angle and to the distance to the origin. The more far from the origin, the more away the point is, the greater will be the value added to it.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Examples", "title": "Examples"}, {"id": "Using_a_single_x-angle", "title": "Using a single x-angle"}, {"id": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "Result", "title": "Result"}, {"id": "Using_two_angles", "title": "Using two angles"}, {"id": "HTML_2", "title": "HTML"}, {"id": "CSS_2", "title": "CSS"}, {"id": "Result_2", "title": "Result"}], "slug": "Web/CSS/transform-function/skew", "review_tags": []}