{"json_modified": "2016-09-25T21:22:40.156817", "uuid": "3bef73e9-9d83-4437-a30a-4fbb22d2af67", "title": "transform-origin", "url": "/en-US/docs/Web/CSS/transform-origin", "tags": ["CSS Transforms", "CSS", "Reference", "Experimental", "CSS Property", "NeedsLiveSample"], "translations": [{"uuid": "12eb823c-1fd8-41ef-ab95-242ccf19f893", "title": "transform-origin", "url": "/es/docs/Web/CSS/transform-origin", "tags": [], "summary": "La propiedad CSS <code>transform-origin</code> le permite modificar el origen de las transformaciones de un elemento. Por ejemplo, el transform-origin de la funci\u00f3n <code>rotate()</code> es el centro de rotaci\u00f3n. (Esta propiedad es aplicada a la primera translaci\u00f3n del elemento por el valor negativo de la propiedad. A continuaci\u00f3n, aplicar la transformaci\u00f3n del elemento y despu\u00e9s trasladar el valor de la propiedad).", "localization_tags": [], "locale": "es", "last_edit": "2016-06-29T05:23:04", "review_tags": []}, {"uuid": "bae33906-efeb-44c9-8a36-33787397a341", "title": "transform-origin", "url": "/fr/docs/Web/CSS/transform-origin", "tags": ["CSS", "Transformations CSS", "Exp\u00e9rimental", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>transform-origin</code></strong> permet de modifier l'origine du rep\u00e8re pour les op\u00e9rations de transformation d'un \u00e9l\u00e9ment. Par exemple, l'origine par d\u00e9faut pour la fonction <code>rotate()</code> est le centre de la rotation. Cette propri\u00e9t\u00e9 est utilis\u00e9e en :", "localization_tags": [], "locale": "fr", "last_edit": "2016-07-27T03:42:46", "review_tags": []}, {"uuid": "fc965a43-2e3b-4b74-9c1f-5c92b91cf552", "title": "transform-origin", "url": "/ja/docs/Web/CSS/transform-origin", "tags": ["CSS Transforms", "CSS", "Reference", "Experimental", "CSS Property", "NeedsLiveSample"], "summary": "CSS \u306e <code>transform-origin</code> \u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u8981\u7d20\u306e\u5909\u63db (<span style=\"color: green;\">transform</span>) \u306e\u539f\u70b9\u3092\u6c7a\u3081\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001<code>rotate() </code>\u95a2\u6570\u306f <code>transform-origin</code> \u3092\u4e2d\u5fc3\u306b\u3057\u3066\u56de\u8ee2\u3057\u307e\u3059\u3002\uff08\u3053\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001\u6700\u521d\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u8ca0\u5024\u306b\u3088\u3063\u3066\u8981\u7d20\u3092\u5e73\u884c\u79fb\u52d5 (<span style=\"color: green;\">translate</span>)\u3057\u3001\u6b21\u306b\u8981\u7d20\u3092\u5909\u63db (<span style=\"color: green;\">transform</span>)\u3057\u3001\u6700\u5f8c\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u5024\u306b\u3088\u3063\u3066\u5e73\u884c\u79fb\u52d5\u3057\u3066\u9069\u7528\u3055\u308c\u307e\u3059\u3002\uff09", "localization_tags": [], "locale": "ja", "last_edit": "2016-04-24T11:28:21", "review_tags": []}, {"uuid": "b2ce676d-6bcc-4c51-bdea-f997b880d1e7", "title": "transform-origin", "url": "/zh-CN/docs/Web/CSS/transform-origin", "tags": ["\u7f51\u7edc", "CSS", "\u5e03\u5c40", "CSS\u5c5e\u6027", "CSS\u53d8\u5f62"], "summary": "<code>transform-origin</code> CSS\u5c5e\u6027\u8ba9\u4f60\u66f4\u6539\u4e00\u4e2a\u5143\u7d20\u53d8\u5f62\u7684\u539f\u70b9\u3002\u4f8b\u5982\uff0c<code style=\"font-style: normal;\">rotate()\u7684</code>transform-origin \u662f\u65cb\u8f6c\u7684\u4e2d\u5fc3\u70b9\u00a0(\u8fd9\u4e2a\u5c5e\u6027\u7684\u5e94\u7528\u539f\u7406\u662f\u5148\u7528\u8fd9\u4e2a\u5c5e\u6027\u7684\u8d1f\u503ctranslate\u8be5\u5143\u7d20\uff0c\u8fdb\u884c\u53d8\u5f62\uff0c\u7136\u540e\u518d\u7528\u8fd9\u4e2a\u5c5e\u6027\u7684\u503c\u628a\u5143\u7d20translate\u56de\u53bb)\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-04-24T11:13:54", "review_tags": []}], "modified": "2016-08-02T05:25:26", "label": "transform-origin", "localization_tags": [], "locale": "en-US", "id": 1206, "last_edit": "2016-07-26T23:33:55", "summary": "The <code>transform-origin</code> property lets you modify the origin for transformations of an element. For example, the transform-origin of the <code>rotate()</code> function is the centre of rotation. (This property is applied by first translating the element by the negated value of the property, then applying the element's transform, then translating by the property value.)", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Live_Examples", "title": "Live Examples"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "sect1", "title": null}, {"id": "sect2", "title": null}, {"id": "sect3", "title": null}, {"id": "sect4", "title": null}, {"id": "sect5", "title": null}, {"id": "sect6", "title": null}, {"id": "sect7", "title": null}, {"id": "sect8", "title": null}, {"id": "sect9", "title": null}, {"id": "sect10", "title": null}, {"id": "sect11", "title": null}, {"id": "sect12", "title": null}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/transform-origin", "review_tags": []}