{"json_modified": "2016-10-18T03:36:51.336039", "uuid": "1b62c066-b04b-405a-bc05-4ed869f74c44", "title": "rotate()", "url": "/en-US/docs/Web/CSS/transform-function/rotate", "tags": ["CSS", "Reference", "CSS Function", "NeedsCompatTable", "CSS Transforms"], "translations": [{"uuid": "f37ded06-1747-41e1-936d-7a92d35765ec", "title": "rotate()", "url": "/es/docs/Web/CSS/transform-function/rotate", "tags": ["CSS", "Transformaciones CSS", "NeedsCompatTable", "Referencia"], "summary": "<code><font face=\"Open Sans, Arial, sans-serif\">La funci\u00f3n CSS\u00a0</font>rotate()</code>\u00a0 define una transformaci\u00f3n para mover\u00a0 un elemento alrededor de un punto fijo ( tal y como se especifica en la\u00a0 propiedad <a href=\"/es/docs/Web/CSS/transform-origin\" title=\"La propiedad CSS transform-origin le permite modificar el origen de las transformaciones de un elemento. Por ejemplo, el transform-origin de la funci&#xF3;n rotate() es el centro de rotaci&#xF3;n. (Esta propiedad es aplicada a la primera translaci&#xF3;n del elemento por el valor negativo de la propiedad. A continuaci&#xF3;n, aplicar la transformaci&#xF3;n del elemento y despu&#xE9;s trasladar el valor de la propiedad).\"><code>transform-origin</code></a> ) sin deformarlo. La cantidad de movimiento se define mediante un \u00e1ngulo. Si es positivo, el movimiento ser\u00e1n en el sentido del reloj y, si es negativo, en sentido contrario al movimiento del reloj. Una rotaci\u00f3n de 180\u00b0 se llama punto de reflexi\u00f3n.", "localization_tags": [], "locale": "es", "last_edit": "2016-03-26T05:31:02", "review_tags": []}, {"uuid": "d6761d96-56c2-45ba-923a-3ab0c0a75c33", "title": "rotate()", "url": "/fr/docs/Web/CSS/transform-function/rotate", "tags": ["CSS", "Transformations CSS", "NeedsCompatTable", "R\u00e9f\u00e9rence"], "summary": "La fonction <strong><code>rotate()</code></strong> d\u00e9finit une transformation qui d\u00e9place un \u00e9l\u00e9ment autour d'un point fixe (d\u00e9fini par la propri\u00e9t\u00e9 <a href=\"/fr/docs/Web/CSS/transform-origin\" title=\"La propri&#xE9;t&#xE9; transform-origin permet de modifier l'origine du rep&#xE8;re pour les op&#xE9;rations de transformation d'un &#xE9;l&#xE9;ment. Par exemple, l'origine par d&#xE9;faut pour la fonction rotate() est le centre de la rotation. Cette propri&#xE9;t&#xE9; est utilis&#xE9;e en :\"><code>transform-origin</code></a>) sans le d\u00e9former. C'est une rotation autour de ce point. La rotation plane est d\u00e9finie par un angle, l'argument de la fonction, si l'angle indiqu\u00e9 est positif, le mouvement sera appliqu\u00e9 dans le sens horaire et sinon il sera appliqu\u00e9 dans le sens inverse des aiguilles d'une montre.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-18T03:36:46", "review_tags": []}], "modified": "2016-10-17T15:40:54", "label": "rotate()", "localization_tags": [], "locale": "en-US", "id": 170071, "last_edit": "2016-10-17T15:40:49", "summary": "The <code>rotate()</code> CSS function defines a transformation that moves the element around a fixed point (as specified by the <a href=\"/en-US/docs/Web/CSS/transform-origin\" title=\"The transform-origin property lets you modify the origin for transformations of an element. For example, the transform-origin of the rotate() 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.)\"><code>transform-origin</code></a> property) without deforming it. The amount of movement is defined by the specified angle; if positive, the movement will be clockwise, if negative, it will be counter-clockwise. A rotation by 180\u00b0 is called <em>point reflection</em>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Values", "title": "Values"}, {"id": "Examples", "title": "Examples"}, {"id": "HTML", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "Result", "title": "Result"}], "slug": "Web/CSS/transform-function/rotate", "review_tags": []}