{"json_modified": "2016-10-16T03:41:11.521588", "uuid": "ac2c6664-626d-4ba4-a54a-e50faf58f50d", "title": "filter", "url": "/en-US/docs/Web/CSS/filter", "tags": ["SVG Filter", "SVG", "CSS", "Reference", "CSS Property", "filter"], "translations": [{"uuid": "ff8570f7-96e4-4a54-b47c-62513570ecb3", "title": "filter", "url": "/de/docs/Web/CSS/filter", "tags": ["CSS Funktion", "SVG Filter", "SVG", "Referenz", "CSS", "Grafik", "Web", "CSS Eigenschaft", "Layout", "Ben\u00f6tigt Browserunterst\u00fctzung"], "summary": "Die <code>filter</code> CSS Eigenschaft erlaubt es, Effekte wie Unsch\u00e4rfe oder Farbverschiebungen auf Elemente anzuwenden, bevor sie angezeigt werden. Filter werden normalerweise dazu benutzt, die Darstellung eines Bildes, eines Hintergrunds oder eines Rahmens anzupassen.", "localization_tags": [], "locale": "de", "last_edit": "2016-06-28T07:24:03", "review_tags": []}, {"uuid": "eb6c7779-24de-4d4a-b739-392b4efe4c6f", "title": "filter", "url": "/es/docs/Web/CSS/filter", "tags": [], "summary": "La propiedad CSS <code>filter</code>\u00a0dota de efectos como el desenfoque o cambio de color en la representaci\u00f3n de un elemento antes de que se muestre el elemento.\u00a0Los filtros se utilizan com\u00fanmente para ajustar la representaci\u00f3n de una imagen, un fondo o un border.", "localization_tags": ["inprogress"], "locale": "es", "last_edit": "2016-06-29T05:18:10", "review_tags": []}, {"uuid": "82558bf8-b9b2-4d9d-a74a-a65515998c1c", "title": "filter", "url": "/fr/docs/Web/CSS/filter", "tags": ["CSS", "Propri\u00e9t\u00e9", "R\u00e9f\u00e9rence"], "summary": "La propri\u00e9t\u00e9 <strong><code>filter</code></strong> permet d'appliquer des filtres et d'obtenir des effets graphiques de flou, de saturation, etc. Les filtres sont g\u00e9n\u00e9ralement utilis\u00e9s pour ajuster le rendu d'une image, d'un arri\u00e8re-plan ou des bordures.", "localization_tags": [], "locale": "fr", "last_edit": "2016-10-16T03:40:53", "review_tags": []}, {"uuid": "1d54eb04-cb31-4ec8-821b-0253d233d7cf", "title": "\ud544\ud130", "url": "/ko/docs/Web/CSS/filter", "tags": [], "summary": "The <strong><code>filter</code></strong> property provides for effects like blurring or color shifting on an element\u2019s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.", "localization_tags": ["inprogress"], "locale": "ko", "last_edit": "2016-06-29T05:16:17", "review_tags": []}, {"uuid": "da1b44a6-828b-4575-a4c6-9359144a8c3d", "title": "filter", "url": "/ru/docs/Web/CSS/filter", "tags": [], "summary": "The <strong><code>filter</code></strong> property provides for effects like blurring or color shifting on an element\u2019s rendering before the element is displayed. Filters are commonly used to adjust the rendering of an image, a background, or a border.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2016-06-29T05:15:58", "review_tags": []}, {"uuid": "a176273c-e72f-4bc6-9fa5-f3cab4d8ce56", "title": "filter", "url": "/uk/docs/Web/CSS/filter", "tags": [], "summary": "<code><font face=\"Open Sans, Arial, sans-serif\">\u0412\u043b\u0430\u0441\u0442\u0438\u0432\u0456\u0441\u0442\u044c\u00a0</font><strong>filter</strong></code>\u00a0\u0434\u0430\u0454 \u043c\u043e\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u0432\u0430\u0442\u0438 \u0434\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 \u0442\u0430\u043a\u0456 \u0433\u0440\u0430\u0444\u0456\u0447\u043d\u0456 \u0435\u0444\u0435\u043a\u0442\u0438, \u044f\u043a \u0440\u043e\u0437\u043c\u0438\u0442\u0442\u044f (blurring), \u0437\u0431\u0456\u043b\u044c\u0448\u0435\u043d\u043d\u044f \u0447\u0456\u0442\u043a\u043e\u0441\u0442\u0456 (sharpening), \u0437\u043c\u0456\u043d\u0430 \u043a\u043e\u043b\u044c\u043e\u0440\u0456\u0432\u00a0(color shifting). \u0417\u0430\u0437\u0432\u0438\u0447\u0430\u0439 \u0444\u0456\u043b\u044c\u0442\u0440\u0438 \u0432\u0438\u043a\u043e\u0440\u0443\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0443 \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u044c, \u0444\u043e\u043d\u0456\u0432 (backgrounds) \u0442\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u044c (borders).", "localization_tags": ["inprogress"], "locale": "uk", "last_edit": "2016-06-28T23:41:28", "review_tags": []}, {"uuid": "c3648219-a15d-4d9b-907a-603bc779f9d8", "title": "filter", "url": "/zh-CN/docs/Web/CSS/filter", "tags": [], "summary": "<span style=\"background-color: rgb(250, 250, 250); color: rgb(43, 43, 43); font-family: arial,sans-serif;\">CSS\u6ee4\u955c\uff08<code>filter</code>\uff09\u5c5e\u6027\uff0c\u53ef\u4ee5\u5728\u5143\u7d20\u5448\u73b0\u4e4b\u524d\uff0c\u4e3a\u5143\u7d20\u7684\u6e32\u67d3\u63d0\u4f9b\u4e00\u4e9b\u6548\u679c\uff0c\u5982\u6a21\u7cca\u3001\u989c\u8272\u8f6c\u79fb\u4e4b\u7c7b\u7684\u3002\u6ee4\u955c\u5e38\u7528\u4e8e\u8c03\u6574\u56fe\u50cf\u3001\u80cc\u666f\u3001\u8fb9\u6846\u7684\u6e32\u67d3\u3002</span>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-06-29T05:17:21", "review_tags": []}], "modified": "2016-10-15T14:52:53", "label": "filter", "localization_tags": [], "locale": "en-US", "id": 4, "last_edit": "2016-10-15T14:52:39", "summary": "The <strong><code>filter</code></strong> property provides graphical effects like blurring, sharpening, or color shifting an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Summary", "title": "Summary"}, {"id": "Syntax", "title": "Syntax"}, {"id": "Interpolation", "title": "Interpolation"}, {"id": "Formal_syntax", "title": "Formal syntax"}, {"id": "Examples", "title": "Examples"}, {"id": "Functions", "title": "Functions"}, {"id": "url()", "title": null}, {"id": "blur()_2", "title": null}, {"id": "brightness()_2", "title": null}, {"id": "contrast()_2", "title": null}, {"id": "drop-shadow()_2", "title": null}, {"id": "grayscale()_2", "title": null}, {"id": "hue-rotate()_2", "title": null}, {"id": "invert()_2", "title": null}, {"id": "opacity()_2", "title": null}, {"id": "saturate()_2", "title": null}, {"id": "sepia()_2", "title": null}, {"id": "Combining_functions", "title": "Combining functions"}, {"id": "Specifications", "title": "Specifications"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/CSS/filter", "review_tags": []}