{"json_modified": "2015-11-16T05:32:48.605354", "slug": "Web/CSS/CSS_Transforms/Using_CSS_transforms", "tags": ["CSS", "CSS3", "css"], "locale": "ko", "title": "CSS transform \uc0ac\uc6a9\ud558\uae30", "translations": [{"title": "Using CSS transforms", "url": "/en-US/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms", "tags": ["CSS Transforms", "CSS", "Advanced", "Guide", "CSS3"], "summary": "By modifying the coordinate space, <strong>CSS transforms</strong> change the shape and position of the affected content without disrupting the normal document flow. This guide provides an introduction to using transforms.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-09-06T16:34:05", "review_tags": ["technical"]}, {"title": "Utilisation des transformations CSS", "url": "/fr/docs/Web/CSS/Utilisation_des_transformations_CSS", "tags": ["CSS", "Transformations CSS"], "summary": "En modifiant l'espace des coordonn\u00e9es, les <strong>transformations CSS</strong> permettent de changer la position d'un contenu affect\u00e9 sans perturber le flux normal. Elles sont impl\u00e9ment\u00e9es en utilisant un ensemble de propri\u00e9t\u00e9s CSS qui vous permettre d'appliquer des transformations afines aux \u00e9l\u00e9ments HTML. Ces transformations incluent la rotation, l'inclinaison et la translation \u00e0 la fois dans le plan ou dans un espace 3D.", "localization_tags": [], "locale": "fr", "last_edit": "2014-06-23T05:40:04", "review_tags": []}, {"title": "Uso de CSS transforms", "url": "/es/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms", "tags": [], "summary": "Al modificar las coordenadas del espacio, las transformaciones CSS permiten cambiar la posici\u00f3n del contenido afectado sin interrumpir el flujo normal. Se implementan haciendo uso de un conjunto de propiedades CSS que permiten aplicar transformaciones lineales a elementos HTML. Estas transformaciones incluyen rotar, torcer, escalar y desplazar en plano o en un espacio 3D.", "localization_tags": [], "locale": "es", "last_edit": "2015-11-16T05:15:19", "review_tags": []}, {"title": "CSS/Usando_transforma\u00e7\u00f5es_CSS", "url": "/pt-PT/docs/Web/CSS/Usando_transforma%C3%A7%C3%B5es_CSS", "tags": [], "summary": "Firefox 3.5 (Gecko 1.9.1) introduz suporte a transforma\u00e7\u00f5es CSS; estas s\u00e3o implementadas utilizando um conjunto de propriedades CSS permitindo a voc\u00ea aplicar transforma\u00e7\u00f5es lineares a elementos HTML. Essas transforma\u00e7\u00f5es s\u00e3o baseadas sobre o <a class=\"external\" href=\"https://webkit.org/blog/130/css-transforms/\" title=\"https://webkit.org/blog/130/css-transforms/\">design proposto pelo time WebKit</a> e incluem rotar, inclinar, escalar e usar transla\u00e7\u00e3o. Enquanto isso, \u00e9 um <a class=\"external\" href=\"https://www.w3.org/TR/css3-2d-transforms/\" title=\"https://www.w3.org/TR/css3-2d-transforms/\">W3C working draft</a>.", "localization_tags": [], "locale": "pt-PT", "last_edit": "2014-07-01T00:20:15", "review_tags": []}, {"title": "CSS transforms \u306e\u5229\u7528", "url": "/ja/docs/Web/Guide/CSS/Using_CSS_transforms", "tags": ["CSS", "CSS3", "CSS Transforms"], "summary": "\u5ea7\u6a19\u7a7a\u9593\u3092\u7de8\u96c6\u3059\u308b\u3053\u3068\u3067\u3001CSS \u306e \u5909\u63db (<span style=\"color: green;\">transform</span>) \u306f\u901a\u5e38\u306e\u30d5\u30ed\u30fc\u51e6\u7406\u3092\u6df7\u4e71\u3055\u305b\u305a\u306b\u3001\u5f71\u97ff\u4e0b\u306b\u3042\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u306e\u4f4d\u7f6e\u3092\u5909\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30a2\u30d5\u30a3\u30f3 / \u7dda\u5f62\u5909\u63db\u3092 HTML \u8981\u7d20\u306b\u5bfe\u3057\u3066\u9069\u7528\u3059\u308b\u4e00\u9023\u306e CSS \u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u3088\u3063\u3066\u5b9f\u73fe\u3055\u308c\u307e\u3059\u3002\u5909\u63db\u306b\u306f\u56de\u8ee2 (<span style=\"color: green;\">rotation</span>)\u3001\u50be\u659c (<span style=\"color: green;\">skewing</span>)\u3001\u62e1\u5927\u7e2e\u5c0f (<span style=\"color: green;\">scaling</span>)\u3001\u5e73\u884c\u79fb\u52d5 (<span style=\"color: green;\">translation</span>)\u304c\u542b\u307e\u308c\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-06-08T13:32:00", "review_tags": []}, {"title": "Usando CSS transforms", "url": "/pt-BR/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms", "tags": [], "summary": "Mudando coordenadas no espa\u00e7o da tela o <strong>CSS transforms </strong>permite que a posi\u00e7\u00e3o do conte\u00fado afetado seja alterada sem afetar o fluxo de informa\u00e7\u00e3o da p\u00e1gina. Elas s\u00e3o implementadas usando um conjunto de propriedades CSS que permitem altera\u00e7\u00f5es lineares em elementos HTML. Essas altera\u00e7\u00f5es incluem rota\u00e7\u00e3o, inclina\u00e7\u00f5es, altera\u00e7\u00e3o da escala e tradu\u00e7\u00e3o tanto em 2D quanto em 3D.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-11-16T05:17:19", "review_tags": []}, {"title": "\u4f7f\u7528 CSS \u53d8\u5f62", "url": "/zh-CN/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms", "tags": [], "summary": "\u901a\u8fc7\u4fee\u6539\u5750\u6807\uff0c<strong>CSS transforms</strong>\u00a0\u53ef\u4ee5\u5728\u4e0d\u5f71\u54cd\u6b63\u5e38\u6587\u6863\u6d41\u7684\u60c5\u51b5\u4e0b\u6539\u53d8\u4f5c\u7528\u5185\u5bb9\u7684\u4f4d\u7f6e\u3002<strong style=\"line-height: inherit;\">CSS transforms\u00a0</strong><span style=\"line-height: inherit;\">\u5305\u62ec\u4e00\u7cfb\u5217 CSS \u5c5e\u6027\uff0c\u901a\u8fc7\u4ed6\u4eec\u53ef\u4ee5\u5bf9 HTML \u5143\u7d20\u8fdb\u884c\u7ebf\u6027\u4eff\u5c04\u53d8\u5f62\u3002\u53ef\u4ee5\u8fdb\u884c\u7684\u53d8\u5f62\u5305\u62ec\u65cb\u8f6c\uff0c\u503e\u659c\uff0c\u7f29\u653e\u4ee5\u53ca\u4f4d\u79fb\uff0c\u540c\u65f6\u9002\u7528\u4e8e\u5e73\u9762\u4ee5\u53ca\u4e09\u7ef4\u7a7a\u95f4\u3002</span>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2015-11-16T05:20:11", "review_tags": []}, {"title": "Using CSS transforms", "url": "/bn-BD/docs/Web/Guide/CSS/Using_CSS_transforms", "tags": [], "summary": "\u0995\u09cb\u09b0\u09a1\u09bf\u09a8\u09c7\u099f\u09c7\u09b0 \u09b8\u09cd\u09a5\u09be\u09a8 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09c7 \u098f\u09ac\u0982\u00a0 \u09a8\u09b0\u09ae\u09be\u09b2 \u09a1\u0995\u09cb\u09ae\u09c7\u09a8\u09cd\u09a4\u09c7\u09b0 \u09ab\u09cd\u09b2\u09cb\u00a0 \u0985\u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09c0\u09a4 \u09b0\u09c7\u0996\u09c7\u00a0 <span class=\"seoSummary\">CSS \u09b0\u09c1\u09aa\u09be\u09a8\u09cd\u09a4\u09b0</span> \u098f\u09ab\u09c7\u0995\u09cd\u099f\u09c7\u09a1 \u0989\u09aa\u09be\u09a6\u09be\u09a8\u09c7\u09b0 \u09b8\u09cd\u09a5\u09be\u09a8 \u098f\u09ac\u0982 \u0986\u0995\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09c7 \u0964\u098f\u0987 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae \u0997\u09c1\u09b2\u09cb \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u098f\u0995\u099f\u09bf \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf \u09b8\u09b0\u09ac\u09b0\u09be\u09b9 \u0995\u09b0\u09ac\u09c7\u0964\u00a0 <span class=\"seoSummary\"> </span>", "localization_tags": ["inprogress"], "locale": "bn-BD", "last_edit": "2013-12-27T01:42:00", "review_tags": []}], "modified": "2015-11-16T05:32:47", "label": "CSS transform \uc0ac\uc6a9\ud558\uae30", "localization_tags": [], "url": "/ko/docs/Web/CSS/CSS_Transforms/Using_CSS_transforms", "last_edit": "2015-11-16T05:32:43", "summary": "<strong>CSS transform</strong>\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc88c\ud45c\uacf5\uac04\uc744 \ubcc0\ud615\ud568\uc73c\ub85c\uc368, \ub2e4\ub978 \uc5d8\ub9ac\uba3c\ud2b8\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce58\uc9c0 \uc54a\uace0 \ud2b9\uc815 \uc5d8\ub9ac\uba3c\ud2b8\uc758 \uc704\uce58\ub97c \ubc14\uafc0 \uc218 \uc788\ub2e4. \uba87 \uac00\uc9c0 CSS \uc18d\uc131\uc744 \uc774\uc6a9\ud558\uc5ec \uc5d8\ub9ac\uba3c\ud2b8\uc5d0 \uc544\ud540(affine) \uc120\ud615 \ubcc0\ud658\uc744 \uc801\uc6a9\ud560 \uc218 \uc788\ub2e4. \uc5ec\uae30\uc5d0\ub294 \ud68c\uc804(rotation), \ube44\ud2c0\uae30(skewing), \ud655\ub300/\ucd95\uc18c(scaling), \ud3c9\uba74\uacfc 3D \uacf5\uac04\uc5d0\uc11c \uc774\ub3d9(tranlation) \ub4f1\uc774 \uc788\ub2e4.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "CSS_transforms_\uc18d\uc131(properties)", "title": "CSS transforms \uc18d\uc131(properties)"}, {"id": "\uc608\uc81c(Examples)", "title": "\uc608\uc81c(Examples)"}, {"id": "\uc608\uc81c_\ud68c\uc804(Rotating)", "title": "\uc608\uc81c: \ud68c\uc804(Rotating)"}, {"id": "\uc608\uc81c_\ube44\ud2c0\uace0_\uc62e\uae30\uae30(Skewing_and_translating)", "title": "\uc608\uc81c:\u00a0\ube44\ud2c0\uace0 \uc62e\uae30\uae30(Skewing and translating)"}, {"id": "3D_\uad00\ub828_CSS_\uc18d\uc131", "title": "3D \uad00\ub828 CSS \uc18d\uc131"}, {"id": "\uc2dc\uc810(Perspective)_\uc815\ud558\uae30", "title": "\uc2dc\uc810(Perspective) \uc815\ud558\uae30"}, {"id": "\ub354_\ubcf4\uae30(See_also)", "title": "\ub354 \ubcf4\uae30(See also)"}], "id": 56613, "review_tags": []}