{"json_modified": "2016-10-19T11:11:40.255264", "uuid": "1330b95c-1103-441b-bff1-217731d652d8", "title": "Utilisation de d\u00e9grad\u00e9s CSS", "url": "/fr/docs/Web/CSS/Utilisation_de_d%C3%A9grad%C3%A9s_CSS", "tags": ["CSS", "Avanc\u00e9", "Guide"], "translations": [{"uuid": "84917aa6-6c9b-4ebd-81e2-c4d534b367d3", "title": "Using CSS gradients", "url": "/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients", "tags": ["CSS Image", "CSS", "Advanced", "NeedsUpdate", "Web", "Example", "Guide", "NeedsLiveSample"], "summary": "CSS gradients are new types of <image> added in the CSS3 Image Module. Using CSS gradients lets you display smooth transitions between two or more specified colors.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-10-19T08:56:39", "review_tags": ["technical"]}, {"uuid": "b4c2b6a0-3929-4155-a4fb-fbb9c3ad20ce", "title": "\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0997\u09cd\u09b0\u09be\u09a1\u09bf\u09df\u09cd\u09af\u09be\u09a8\u09cd\u099f \u098f\u09b0 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0", "url": "/bn-BD/docs/Web/Guide/CSS/%E0%A6%B8%E0%A6%BF%E0%A6%8F%E0%A6%B8%E0%A6%8F%E0%A6%B8_%E0%A6%97%E0%A7%8D%E0%A6%B0%E0%A6%BE%E0%A6%A1%E0%A6%BF%E0%A7%9F%E0%A7%8D%E0%A6%AF%E0%A6%BE%E0%A6%A8%E0%A7%8D%E0%A6%9F_%E0%A6%8F%E0%A6%B0_%E0%A6%AC%E0%A7%8D%E0%A6%AF%E0%A6%AC%E0%A6%B9%E0%A6%BE%E0%A6%B0", "tags": [], "summary": "\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0997\u09cd\u09b0\u09be\u09a1\u09bf\u09df\u09cd\u09af\u09be\u09a8\u09cd\u099f \u09b9\u099a\u09cd\u099b\u09c7 \u09a8\u09a4\u09c1\u09a8 \u09a7\u09b0\u09a8\u09c7\u09b0\u00a0 <image> \u09af\u09be\u0995\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 \u098f\u09b0 \u0987\u09ae\u09c7\u099c \u09ae\u09a1\u09bf\u0989\u09b2\u09c7 \u0985\u09a8\u09cd\u09a4\u09b0\u09cd\u09ad\u09c2\u0995\u09cd\u09a4 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0997\u09cd\u09b0\u09be\u09a1\u09bf\u09df\u09cd\u09af\u09be\u09a8\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09bf \u09a6\u09c1\u0987 \u09ac\u09be \u09a4\u09a4\u09cb\u09a7\u09bf\u0995 \u09b0\u0982 \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09a8\u09bf\u0996\u09c1\u09a4 \u099f\u09cd\u09b0\u09be\u09a8\u099c\u09bf\u09b6\u09a8 \u09a6\u09c7\u0996\u09be\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964", "localization_tags": ["inprogress"], "locale": "bn-BD", "last_edit": "2016-06-29T03:59:47", "review_tags": []}, {"uuid": "c04d8a43-4df5-4f47-8abe-f8517def22c0", "title": "Verwendung von CSS Farbverl\u00e4ufen", "url": "/de/docs/Farbverl%C3%A4ufe_in_CSS", "tags": ["Beispiel", "CSS", "CSS Bild", "NeedsUpdate", "Web", "erweitert", "Guide", "NeedsLiveSample"], "summary": "CSS Farbverl\u00e4ufe sind neue Typen von <image>, die durch das CSS3 Image Module hinzugef\u00fcgt wurden. Die Verwendung von CSS Farbverl\u00e4ufen erlaubt es, weiche \u00dcberg\u00e4nge zwischen zwei oder mehr angegebenen Farben anzuzeigen.", "localization_tags": [], "locale": "de", "last_edit": "2016-04-04T12:34:38", "review_tags": []}, {"uuid": "be7738ff-1e41-417b-b29e-9179e46d8137", "title": "Usando gradientes con CSS", "url": "/es/docs/CSS/Using_CSS_gradients", "tags": [], "summary": "CSS3 posee soporte para nuevos tipos de gradientes\u00a0 en las propiedades CSS. Usarlos en un segundo plano, permite mostrar transiciones suaves entre dos o m\u00e1s colores especificados, evitando as\u00ed el uso de im\u00e1genes para estos efectos, lo que reduce el tiempo de descarga y el uso de ancho de banda. Adem\u00e1s, debido a que el gradiente es generado por el navegador, los objetos degradados se ven mejor cuando se hace un acercamiento, y el ajuste de dise\u00f1o es mucho m\u00e1s flexible.", "localization_tags": [], "locale": "es", "last_edit": "2016-06-29T04:00:43", "review_tags": []}, {"uuid": "d2ca2819-5abe-4f8f-8571-dc4d272e982a", "title": "CSS \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u5229\u7528", "url": "/ja/docs/Web/Guide/CSS/Using_CSS_gradients", "tags": ["CSS", "css3-images"], "summary": "CSS \u306e\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u3001CSS3 Image Module \u3067\u8ffd\u52a0\u3055\u308c\u305f\u3001\u65b0\u3057\u3044\u30bf\u30a4\u30d7\u306e <image> \u3067\u3059\u3002CSS \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u3046\u3053\u3068\u306b\u3088\u3063\u3066\u3001\u6307\u5b9a\u3055\u308c\u305f 2 \u3064\u307e\u305f\u306f\u305d\u308c\u4ee5\u4e0a\u306e\u8272\u306e\u9593\u3092\u30b9\u30e0\u30fc\u30b9\u306b\u5909\u5316\u3055\u305b\u3066\u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u3053\u308c\u306b\u3088\u3063\u3066\u3001\u3053\u3046\u3044\u3063\u305f\u52b9\u679c\u306e\u305f\u3081\u306b\u753b\u50cf\u3092\u4f7f\u3046\u5fc5\u8981\u304c\u306a\u304f\u306a\u308a\u3001\u305d\u306e\u7d50\u679c\u3001\u6d88\u8cbb\u3059\u308b\u5e2f\u57df\u5e45\u3084\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u306b\u8981\u3059\u308b\u6642\u9593\u3092\u6e1b\u3089\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u3001\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u30d6\u30e9\u30a6\u30b6\u306b\u3088\u3063\u3066\u751f\u6210\u3055\u308c\u308b\u305f\u3081\u3001\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u542b\u3093\u3060\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u306f\u30ba\u30fc\u30e0\u8868\u793a\u3055\u308c\u305f\u3068\u304d\u306b\u3082\u7dba\u9e97\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3057\u3001\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u3088\u308a\u67d4\u8edf\u306b\u9069\u5fdc\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-03-08T05:24:39", "review_tags": []}, {"uuid": "cdfc1ebf-31b6-4c7c-818c-35744d4eb054", "title": "Using CSS gradients", "url": "/pt-BR/docs/Web/CSS/Using_CSS_gradients", "tags": [], "summary": "Gradientes css s\u00e3o novos tipos de <image> adicionados no m\u00f3dulo de imagem do CSS3. Using CSS gradients lets you display smooth transitions between two or more specified colors; this lets you avoid using images for these effects, thereby reducing download time and bandwidth usage. In addition, because the gradient is generated by the browser, objects with gradients look better when zoomed, and you can adjust your layout much more flexibly.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2016-06-29T04:00:06", "review_tags": []}, {"uuid": "c8a11424-24f1-4c38-9ac6-34beecdbe605", "title": "\u4f7f\u7528CSS\u6e10\u53d8", "url": "/zh-CN/docs/Web/Guide/CSS/Using_CSS_gradients", "tags": [], "summary": "CSS \u6e10\u53d8\u00a0\u662f\u5728\u00a0CSS3 Image Module \u4e2d\u65b0\u589e\u52a0\u7684 <image> \u7c7b\u578b. \u4f7f\u7528 CSS \u6e10\u53d8\u53ef\u4ee5\u5728\u4e24\u79cd\u989c\u8272\u95f4\u5236\u9020\u51fa\u5e73\u6ed1\u7684\u6e10\u53d8\u6548\u679c.", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-09-13T20:11:31", "review_tags": []}], "modified": "2016-10-19T11:11:39", "label": "Utilisation de d\u00e9grad\u00e9s CSS", "localization_tags": [], "locale": "fr", "id": 4903, "last_edit": "2016-10-19T11:11:33", "summary": "Les d\u00e9grad\u00e9s CSS sont de nouveaux types de <image> ajout\u00e9s au module Image de CSS3. L'utilisation de d\u00e9grad\u00e9s CSS permet d'afficher des transitions douces entre deux couleurs ou plus.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "D\u00e9grad\u00e9s_lin\u00e9aires", "title": "D\u00e9grad\u00e9s lin\u00e9aires"}, {"id": "D\u00e9grad\u00e9s_lin\u00e9aires_simples", "title": "D\u00e9grad\u00e9s lin\u00e9aires simples"}, {"id": "Utilisation_d'angles", "title": "Utilisation d'angles"}, {"id": "Arr\u00eats_de_couleurs", "title": "Arr\u00eats de couleurs"}, {"id": "Exemple_trois_arr\u00eats_de_couleurs", "title": "Exemple : trois arr\u00eats de couleurs"}, {"id": "Exemple_arr\u00eats_de_couleurs_dispos\u00e9s_r\u00e9guli\u00e8rement", "title": "Exemple : arr\u00eats de couleurs dispos\u00e9s r\u00e9guli\u00e8rement"}, {"id": "Transparence_et_d\u00e9grad\u00e9s", "title": "Transparence et d\u00e9grad\u00e9s"}, {"id": "D\u00e9grad\u00e9s_radiaux", "title": "D\u00e9grad\u00e9s radiaux"}, {"id": "Arr\u00eats_de_couleurs_2", "title": "Arr\u00eats de couleurs"}, {"id": "Exemple_arr\u00eats_de_couleurs_dispos\u00e9s_r\u00e9guli\u00e8rement_2", "title": "Exemple : arr\u00eats de couleurs dispos\u00e9s r\u00e9guli\u00e8rement"}, {"id": "Exemple_arr\u00eats_de_couleurs_plac\u00e9s_explicitement", "title": "Exemple :\u00a0 arr\u00eats de couleurs plac\u00e9s explicitement"}, {"id": "Taille", "title": "Taille"}, {"id": "Exemple_c\u00f4t\u00e9_le_plus_proche_pour_une_ellipse", "title": "Exemple :\u00a0c\u00f4t\u00e9 le plus proche pour une ellipse"}, {"id": "Exemple_c\u00f4t\u00e9_le_plus_\u00e9loign\u00e9_pour_une_ellipse", "title": "Exemple : c\u00f4t\u00e9 le plus \u00e9loign\u00e9 pour une ellipse"}, {"id": "Exemple_c\u00f4t\u00e9_le_plus_proche_pour_un_cercle", "title": "Exemple :\u00a0c\u00f4t\u00e9 le plus proche pour un cercle"}, {"id": "R\u00e9p\u00e9tition_de_d\u00e9grad\u00e9s", "title": "R\u00e9p\u00e9tition de d\u00e9grad\u00e9s"}, {"id": "Exemples_r\u00e9p\u00e9tition_d'un_d\u00e9grad\u00e9_lin\u00e9aire", "title": "Exemples : r\u00e9p\u00e9tition d'un d\u00e9grad\u00e9 lin\u00e9aire"}, {"id": "Exemple_r\u00e9p\u00e9tition_d'un_d\u00e9grad\u00e9_radial", "title": "Exemple : r\u00e9p\u00e9tition d'un d\u00e9grad\u00e9 radial"}, {"id": "Voir_aussi", "title": "Voir aussi"}], "slug": "Web/CSS/Utilisation_de_d\u00e9grad\u00e9s_CSS", "review_tags": []}