{"json_modified": "2016-10-21T23:40:00.365065", "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"], "translations": [{"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": "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"], "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.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-19T11:11:33", "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\u30ba\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-10-21T23:39:54", "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-19T08:56:46", "label": "Using CSS gradients", "localization_tags": [], "locale": "en-US", "id": 2130, "last_edit": "2016-10-19T08:56:39", "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.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Linear_gradients", "title": "Linear gradients"}, {"id": "Simple_linear_gradients", "title": "Simple linear gradients"}, {"id": "HTML", "title": "HTML"}, {"id": "css", "title": "css"}, {"id": "sect1", "title": "\u00a0"}, {"id": "Result", "title": "Result"}, {"id": "gradient_left_to_right", "title": "Changing the gradient to run from left to right"}, {"id": "HTML_2", "title": "HTML"}, {"id": "CSS", "title": "CSS"}, {"id": "Result_2", "title": "Result"}, {"id": "gradient diagonal", "title": "Making the gradient run diagonally"}, {"id": "HTML_3", "title": "HTML"}, {"id": "CSS_2", "title": "CSS"}, {"id": "Result_3", "title": "Result"}, {"id": "Using_angles", "title": "Using angles"}, {"id": "Linear_gradients-Color_stops", "title": "Color stops"}, {"id": "Linear_gradients-Example.3A_Three_color_stops", "title": "Example: Three color stops"}, {"id": "Linear_gradients-Example.3A_Evenly_spaced_color_stops", "title": "Example: Evenly spaced color stops"}, {"id": "Transparency_and_gradients", "title": "Transparency and gradients"}, {"id": "Radial_gradients", "title": "Radial gradients"}, {"id": "Radial_gradients-Color_stops", "title": "Color stops"}, {"id": "Radial_gradients-Example.3A_Evenly_spaced_color_stops", "title": "Example: Evenly spaced color stops"}, {"id": "Radial_gradients-Example.3A_Explicitly_spaced_color_stops", "title": "Example: Explicitly spaced color stops"}, {"id": "Size", "title": "Size"}, {"id": "Example.3A_closest-side_for_ellipses", "title": "Example: closest-side for ellipses"}, {"id": "Example.3A_farthest-corner_for_ellipses", "title": "Example: farthest-corner for ellipses"}, {"id": "Example.3A_closest-side_for_circles", "title": "Example: closest-side for circles"}, {"id": "Repeating_gradients", "title": "Repeating gradients"}, {"id": "Examples.3A_Repeating_linear_gradient", "title": "Examples: Repeating linear gradient"}, {"id": "Example.3A_Repeating_radial_gradient", "title": "Example: Repeating radial gradient"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/CSS_Images/Using_CSS_gradients", "review_tags": ["technical"]}