{"json_modified": "2016-08-18T12:21:07.438738", "uuid": "c3e8f0eb-1547-4662-8929-ec7eaeca8ce2", "title": "repeating-radial-gradient()", "url": "/fr/docs/Web/CSS/repeating-radial-gradient", "tags": ["CSS", "Fonction", "R\u00e9f\u00e9rence"], "translations": [{"uuid": "054c0f19-ad6b-4a5d-9709-500f9ab26613", "title": "repeating-radial-gradient()", "url": "/en-US/docs/Web/CSS/repeating-radial-gradient", "tags": ["NeedsBrowserCompatibility", "CSS", "Reference", "CSS Image", "Graphics", "Web", "CSS Function", "Layout"], "summary": "This works similarly to the standard radial gradients as described by <a href=\"/en-US/docs/Web/CSS/radial-gradient\" title=\"The CSS radial-gradient() function creates an &lt;image&gt; which represents a gradient of colors radiating from an origin, the center of the gradient. The result of this function is an object of the CSS &lt;gradient&gt; data type.\"><code>radial-gradient()</code></a>, but it automatically repeats the color stops infinitely in both directions, with their positions shifted by multiples of the difference between the last color stop's position and the first one's position.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-08-16T15:56:35", "review_tags": []}, {"uuid": "05fd9a9b-28ff-4904-bc95-a22bc1666970", "title": "repeating-radial-gradient", "url": "/ja/docs/Web/CSS/repeating-radial-gradient", "tags": ["CSS", "css3-images", "CSS Reference"], "summary": "CSS \u306e <code>repeating-radial-gradient()</code> \u306f <a href=\"/ja/docs/Web/CSS/radial-gradient\" title=\"CSS &#x306E; radial-gradient() &#x95A2;&#x6570;&#x306F;&#x3001;&#x539F;&#x70B9;&#x3067;&#x3042;&#x308B;&#x30B0;&#x30E9;&#x30C7;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x306E;&#x4E2D;&#x5FC3;&#x304B;&#x3089;&#x653E;&#x5C04;&#x72B6;&#x306B;&#x5EF6;&#x3073;&#x308B;&#x3001;&#x30AB;&#x30E9;&#x30FC;&#x306E;&#x30B0;&#x30E9;&#x30C7;&#x30FC;&#x30B7;&#x30E7;&#x30F3;&#x3092;&#x8868;&#x73FE;&#x3059;&#x308B; &lt;image&gt; &#x3092;&#x4F5C;&#x308A;&#x307E;&#x3059;&#x3002;&#x3053;&#x306E;&#x95A2;&#x6570;&#x306E;&#x7D50;&#x679C;&#x306F; CSS &#x306E; &lt;gradient&gt; &#x30C7;&#x30FC;&#x30BF;&#x578B;&#x306E;&#x30AA;&#x30D6;&#x30B8;&#x30A7;&#x30AF;&#x30C8;&#x3067;&#x3059;&#x3002;\"><code>radial-gradient()</code></a> \u306b\u8a18\u3055\u308c\u305f\u6a19\u6e96\u7684\u306a\u653e\u5c04\u72b6\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306b\u4f3c\u3066\u3044\u307e\u3059\u304c\u3001\u4e0e\u3048\u3089\u308c\u305f\u30ab\u30e9\u30fc\u30b9\u30c8\u30c3\u30d7\u3092\uff08\u6700\u5f8c\u306e\u30ab\u30e9\u30fc\u30b9\u30c8\u30c3\u30d7\u3068\u6700\u521d\u306e\u30ab\u30e9\u30fc\u30b9\u30c8\u30c3\u30d7\u306e\u8ddd\u96e2\u306e\u500d\u6570\u5206\u305a\u3064\u4e21\u65b9\u5411\u306b\u79fb\u52d5\u3055\u305b\u3066\uff09\u81ea\u52d5\u7684\u306b\u7e70\u308a\u8fd4\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-06-28T06:59:32", "review_tags": []}], "modified": "2016-08-18T12:21:07", "label": "repeating-radial-gradient()", "localization_tags": [], "locale": "fr", "id": 181534, "last_edit": "2016-08-18T12:20:55", "summary": "La fonction <code><strong>repeating-radial-gradient()</strong></code> fonctionne de fa\u00e7on similaire \u00e0 <a href=\"/fr/docs/Web/CSS/radial-gradient\" title=\"La fonction radial-gradient() permet de cr&#xE9;er une &lt;image&gt; CSS repr&#xE9;sentant un d&#xE9;grad&#xE9; de couleur. Ce d&#xE9;grad&#xE9; diffuse depuis une origine, le centre du gradient. La valeur renvoy&#xE9;e par cette fonction est un objet CSS de type &lt;gradient&gt;.\"><code>radial-gradient</code></a> mais r\u00e9p\u00e8te les couleurs de fa\u00e7on infinie dans les deux directions avec des r\u00e9p\u00e9titions formant des bandes de gradient.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntaxe", "title": "Syntaxe"}, {"id": "Valeurs", "title": "Valeurs"}, {"id": "Syntaxe_formelle", "title": "Syntaxe formelle"}, {"id": "Exemples", "title": "Exemples"}, {"id": "Noir_et_blanc", "title": "Noir et blanc"}, {"id": "CSS", "title": "CSS"}, {"id": "HTML", "title": "HTML"}, {"id": "R\u00e9sultat", "title": "R\u00e9sultat"}, {"id": "Utilisation_de_farthest-corner", "title": "Utilisation de "}, {"id": "CSS_2", "title": "CSS"}, {"id": "HTML_2", "title": "HTML"}, {"id": "Sp\u00e9cifications", "title": "Sp\u00e9cifications"}, {"id": "Compatibilit\u00e9_des_navigateurs", "title": "Compatibilit\u00e9 des navigateurs"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "slug": "Web/CSS/repeating-radial-gradient", "review_tags": []}