{"json_modified": "2016-08-22T12:49:37.492925", "uuid": "f163e887-0875-4c25-8bac-1de48b597079", "title": "radial-gradient()", "url": "/es/docs/Web/CSS/radial-gradient", "tags": ["Gr\u00e1ficos", "Funci\u00f3n CSS", "Imagen CSS"], "translations": [{"uuid": "bda3ce37-6efc-459b-ae59-0e705c4c8c7a", "title": "radial-gradient()", "url": "/en-US/docs/Web/CSS/radial-gradient", "tags": ["CSS Image", "CSS", "Reference", "Graphics", "Web", "CSS Function", "Layout"], "summary": "The CSS <code>radial-gradient()</code> function creates an <a href=\"/en-US/docs/Web/CSS/image\" title=\"The &lt;image&gt; CSS data type represents a 2D image. There are two kinds of images in CSS: plain static images, often referenced using a URL, and dynamically-generated images like gradients or representations of parts of the tree.\"><code>&lt;image&gt;</code></a> which represents a gradient of colors radiating from an origin, the <em>center</em> of the gradient. The result of this function is an object of the CSS <a href=\"/en-US/docs/Web/CSS/gradient\" title=\"The &lt;gradient&gt; CSS data type denotes a CSS &lt;image&gt; made of a progressive transition between two or more colors. A CSS gradient is not a CSS &lt;color&gt; but an image with no intrinsic dimensions; that is, it has no natural or preferred size, nor a preferred ratio. Its concrete size will match the one of the element it applies to.\"><code>&lt;gradient&gt;</code></a> data type.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-08-16T15:54:39", "review_tags": []}, {"uuid": "107c1a53-c911-4716-bbd4-2891a8eea1af", "title": "radial-gradient", "url": "/ja/docs/Web/CSS/radial-gradient", "tags": ["CSS Image", "CSS", "Reference", "R\u00e9f\u00e9rence", "Graphics", "Web", "CSS Function", "Layout"], "summary": "CSS \u306e <code>radial-gradient()</code> \u95a2\u6570\u306f\u3001\u539f\u70b9\u3067\u3042\u308b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e<em>\u4e2d\u5fc3</em>\u304b\u3089\u653e\u5c04\u72b6\u306b\u5ef6\u3073\u308b\u3001\u30ab\u30e9\u30fc\u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u8868\u73fe\u3059\u308b <a href=\"/ja/docs/Web/CSS/image\" title=\"CSS &#x306E; &lt;image&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x3001;2 &#x6B21;&#x5143;&#x306E;&#x753B;&#x50CF;&#x3092;&#x8868;&#x73FE;&#x3057;&#x307E;&#x3059;&#x3002;CSS &#x3067;&#x306F;&#x753B;&#x50CF;&#x306F; 2 &#x7A2E;&#x985E;&#x3042;&#x308A;&#x307E;&#x3059;&#x3002;URL &#x3092;&#x4F7F;&#x3063;&#x3066;&#x53C2;&#x7167;&#x3055;&#x308C;&#x308B;&#x3053;&#x3068;&#x306E;&#x591A;&#x3044;&#x3054;&#x304F;&#x666E;&#x901A;&#x306E;&#x9759;&#x7684;&#x306A;&#x753B;&#x50CF;&#x3068;&#x3001;&#x30B0;&#x30E9;&#x30C7;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3084;&#x6728;&#x69CB;&#x9020;&#x306E;&#x4E00;&#x90E8;&#x5206;&#x3092;&#x8868;&#x73FE;&#x3059;&#x308B;&#x3088;&#x3046;&#x306A;&#x52D5;&#x7684;&#x306B;&#x751F;&#x6210;&#x3055;&#x308C;&#x305F;&#x753B;&#x50CF;&#x3067;&#x3059;&#x3002;\"><code>&lt;image&gt;</code></a> \u3092\u4f5c\u308a\u307e\u3059\u3002\u3053\u306e\u95a2\u6570\u306e\u7d50\u679c\u306f CSS \u306e <a href=\"/ja/docs/Web/CSS/gradient\" title=\"CSS &#x306E; &lt;gradient&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306F;&#x3001;2 &#x8272;&#x304B;&#x305D;&#x308C;&#x4EE5;&#x4E0A;&#x306E;&#x8272;&#x9593;&#x3092;&#x8272;&#x304C;&#x9023;&#x7D9A;&#x5909;&#x5316;&#x3059;&#x308B;&#x3088;&#x3046;&#x306A; CSS &#x306E; &lt;image&gt; &#x3092;&#x8868;&#x3057;&#x307E;&#x3059;&#x3002;CSS &#x30B0;&#x30E9;&#x30C7;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306F; CSS &#x306E; &lt;color&gt; &#x3067;&#x306F;&#x306A;&#x304F;&#x3001;&#x56FA;&#x6709;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x6301;&#x305F;&#x306A;&#x3044;&#x753B;&#x50CF;&#x3067;&#x3059;&#x3002;&#x3053;&#x308C;&#x306F;&#x3001;&#x753B;&#x50CF;&#x672C;&#x6765;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x3084;&#x3001;&#x512A;&#x5148;&#x3055;&#x308C;&#x308B;&#x30B5;&#x30A4;&#x30BA;&#x3092;&#x6301;&#x305F;&#x306A;&#x3044;&#x3068;&#x3044;&#x3046;&#x3053;&#x3068;&#x3067;&#x3059;&#xFF08;&#x30A2;&#x30B9;&#x30DA;&#x30AF;&#x30C8;&#x6BD4;&#x306B;&#x3064;&#x3044;&#x3066;&#x3082;&#x540C;&#x69D8;&#x3067;&#x3059;&#xFF09;&#x3002;&#x5B9F;&#x969B;&#x306E;&#x30B5;&#x30A4;&#x30BA;&#x306F;&#x3001;&#x30B0;&#x30E9;&#x30C7;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x7528;&#x3044;&#x3089;&#x308C;&#x308B;&#x8981;&#x7D20;&#x306B;&#x30DE;&#x30C3;&#x30C1;&#x3057;&#x305F;&#x3082;&#x306E;&#x306B;&#x306A;&#x308B;&#x3067;&#x3057;&#x3087;&#x3046;&#x3002;\"><code>&lt;gradient&gt;</code></a> \u30c7\u30fc\u30bf\u578b\u306e\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3067\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-06-28T07:15:25", "review_tags": []}, {"uuid": "c0725446-2cf6-486d-a2ee-ffab29e84403", "title": "radial-gradient", "url": "/fr/docs/Web/CSS/radial-gradient", "tags": ["CSS", "Fonction", "R\u00e9f\u00e9rence"], "summary": "La fonction <strong><code>radial-gradient()</code></strong> permet de cr\u00e9er une <a href=\"/fr/docs/Web/CSS/image\" title=\"Le type de donn&#xE9;e CSS &lt;image&gt; repr&#xE9;sente une image en deux dimensions. Il existe deux types d'images en CSS : les images statiques (souvent utilis&#xE9;es via une URL), et les images g&#xE9;n&#xE9;r&#xE9;es dynamiquement comme les d&#xE9;grad&#xE9;s ou les images construites &#xE0; partir de fragments de l'arbre du DOM.\"><code>&lt;image&gt;</code></a> CSS repr\u00e9sentant un d\u00e9grad\u00e9 de couleur. Ce d\u00e9grad\u00e9 diffuse depuis une origine, le <em>centre</em> du gradient. La valeur renvoy\u00e9e par cette fonction est un objet CSS de type <a href=\"/fr/docs/Web/CSS/gradient\" title=\"Le type de donn&#xE9;es CSS &lt;gradient&gt; permet de repr&#xE9;senter une &lt;image&gt; contenant un d&#xE9;grad&#xE9; entre deux ou plusieurs couleurs. Un d&#xE9;grad&#xE9; CSS n'est pas une couleur CSS (type &lt;color&gt;) mais une image sans dimension intrins&#xE8;que (elle n'a aucune taille naturelle ou ratio), sa taille r&#xE9;elle sera celle de l'&#xE9;l&#xE9;ment auquel elle est appliqu&#xE9;e.\"><code>&lt;gradient&gt;</code></a>.", "localization_tags": [], "locale": "fr", "last_edit": "2016-08-18T12:32:07", "review_tags": []}, {"uuid": "d6da0a0f-b5ed-4ca8-96b9-911978a25587", "title": "radial-gradient()", "url": "/pt-BR/docs/Web/CSS/radial-gradient", "tags": [], "summary": "A fun\u00e7\u00e3o do CSS <code>radial-gradient()</code> cria uma <a href=\"/pt-BR/docs/Web/CSS/image\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;image&gt;</code></a> que representa um gradiente de cores irradiando de uma origem, o <em>centro</em> do gradiente. O resultado dessa fun\u00e7\u00e3o \u00e9 um objeto do CSS do tipo <a href=\"/pt-BR/docs/Web/CSS/gradient\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;gradient&gt;</code></a>.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2016-06-29T05:34:08", "review_tags": ["editorial"]}, {"uuid": "7e1ca884-61bb-41ee-b227-4a0ab6f6ae57", "title": "radial-gradient()", "url": "/zh-CN/docs/Web/CSS/radial-gradient", "tags": [], "summary": "CSS radial-gradient()\u65b9\u6cd5\u521b\u5efa\u4e00\u4e2a<a href=\"/zh-CN/docs/Web/CSS/image\" title=\"CSS&#x7684;&#x6570;&#x636E;&#x7C7B;&#x578B;&#x63CF;&#x8FF0;&#x7684;&#x662F;2D&#x56FE;&#x5F62;&#x3002;&#x5728;CSS&#x4E2D;&#x6709;&#x4E24;&#x79CD;&#x7C7B;&#x578B;&#x7684;&#x56FE;&#x50CF;&#xFF1A;&#x7B80;&#x5355;&#x7684;&#x9759;&#x6001;&#x56FE;&#x50CF;&#xFF0C;&#x7ECF;&#x5E38;&#x88AB;&#x4E00;&#x4E2A;&#x5728;&#x4F7F;&#x7528;&#x7684;URL&#x5F15;&#x7528;&#xFF0C;&#x52A8;&#x6001;&#x751F;&#x6210;&#x7684;&#x56FE;&#x50CF;&#xFF0C;&#x6BD4;&#x5982;DOM&#x6811;&#x7684;&#x90E8;&#x5206;&#x5143;&#x7D20;&#x6837;&#x5F0F;&#x6E10;&#x53D8;&#x6216;&#x8005;&#x8BA1;&#x7B97;&#x6837;&#x5F0F;&#x4EA7;&#x751F;&#x3002;\"><code>&lt;image&gt;</code></a>\uff0c\u7528\u6765\u5c55\u793a\u7531\u539f\u70b9\uff08\u6e10\u53d8\u4e2d\u5fc3\uff09\u8f90\u5c04\u5f00\u7684\u989c\u8272\u6e10\u53d8\u3002\u8fd9\u4e2a\u65b9\u6cd5\u5f97\u5230\u7684\u662f\u4e00\u4e2aCSS<a href=\"/zh-CN/docs/Web/CSS/gradient\" title=\"The &lt;gradient&gt; CSS data type denotes a CSS &lt;image&gt; made of a progressive transition between two or more colors. A CSS gradient is not a CSS &lt;color&gt; but an image with no intrinsic dimensions; that is, it has no natural or preferred size, nor a preferred ratio. Its concrete size will match the one of the element it applies to.\"><code>&lt;gradient&gt;</code></a>\u6570\u636e\u7c7b\u578b\u7684\u5bf9\u8c61\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-06-29T05:26:27", "review_tags": ["editorial"]}], "modified": "2016-08-22T12:49:36", "label": "radial-gradient()", "localization_tags": [], "locale": "es", "id": 193061, "last_edit": "2016-08-22T12:49:24", "summary": "La funci\u00f3n CSS <code>radial-gradient()</code> crea una imagen (<a href=\"/es/docs/Web/CSS/image\" title=\"El tipo de dato CSS &lt;image&gt; representa una imagen 2D. Hay dos tipos de im&#xE1;genes en CSS: im&#xE1;genes planas est&#xE1;ticas, generalmente referenciadas usando una URL, e im&#xE1;genes din&#xE1;micamente generadas, como degradados o representaciones de partes del &#xE1;rbol.\"><code>&lt;image&gt;</code></a>) que representa un gradiente (degradado) de colores, generando un radio desde un origen, el centro (<em>center</em>) del gradiente. El resultado de esta funci\u00f3n es un objeto de tipo de dato CSS <a href=\"/es/docs/Web/CSS/gradient\" title=\"La documentaci&#xF3;n acerca de este tema no ha sido escrita todav&#xED;a . &#xA1;Por favor  considera contribuir !\"><code>&lt;gradient&gt;</code></a>.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Sint\u00e1xis", "title": "Sint\u00e1xis"}, {"id": "Valores", "title": "Valores"}, {"id": "Sint\u00e1xis_formal", "title": "Sint\u00e1xis formal"}, {"id": "Example_1", "title": "Ejemplo 1"}, {"id": "Example_2", "title": "Ejemplo 2"}, {"id": "Example_3", "title": "Ejemplo 3"}, {"id": "Example_4", "title": "Ejemplo 4"}, {"id": "Especificaciones", "title": "Especificaciones"}, {"id": "Compatibilidad_de_navegadores", "title": "Compatibilidad de navegadores"}, {"id": "V\u00e9ase_tambi\u00e9n", "title": "V\u00e9ase tambi\u00e9n"}], "slug": "Web/CSS/radial-gradient", "review_tags": []}