{"id":13390,"date":"2024-04-24T10:57:32","date_gmt":"2024-04-24T01:57:32","guid":{"rendered":"https:\/\/fobi.ashisuto.co.jp\/tech\/?p=13390"},"modified":"2024-05-07T12:17:54","modified_gmt":"2024-05-07T03:17:54","slug":"css_filter_background","status":"publish","type":"post","link":"https:\/\/fobi.ashisuto.co.jp\/tech\/technical\/designer-css\/color-change\/css_filter_background\/","title":{"rendered":"\u30d5\u30a3\u30eb\u30bf\u306e\u30ea\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308b"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u6982\u8981<\/h2>\n\n\n\n<p>Designer\u30da\u30fc\u30b8\u5185\u306b\u8a2d\u5b9a\u3055\u308c\u305f\u30d5\u30a3\u30eb\u30bf\u306b\u5bfe\u3057\u3001\u9078\u629e\u6642\u306e\u30ea\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308bCSS\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b8c\u6210\u30a4\u30e1\u30fc\u30b8<\/h2>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-6\">\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"327\" height=\"329\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image.webp\" alt=\"\" class=\"wp-image-13391\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image.webp 327w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-298x300.webp 298w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-150x150.webp 150w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><figcaption class=\"wp-element-caption\">CSS\u9069\u7528\u524d<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"346\" height=\"325\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1.webp\" alt=\"\" class=\"wp-image-13392\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1.webp 346w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1-300x282.webp 300w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><figcaption class=\"wp-element-caption\">CSS\u9069\u7528\u5f8c<\/figcaption><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u624b\u9806<\/h2>\n\n\n\n<ol>\n<li>\u30d7\u30ed\u30b7\u30b8\u30e3\u306e\u914d\u7f6e\u3068\u30d5\u30a3\u30eb\u30bf\u306e\u4f5c\u6210<\/li>\n\n\n\n<li>CSS\u306e\u8a18\u8ff0<\/li>\n\n\n\n<li>\u5b9f\u884c<\/li>\n<\/ol>\n\n\n\n<p>1.\u30d7\u30ed\u30b7\u30b8\u30e3\u306e\u914d\u7f6e\u3068\u30d5\u30a3\u30eb\u30bf\u306e\u4f5c\u6210<\/p>\n\n\n\n<p>\u30da\u30fc\u30b8\u4e0a\u306bWHERE\u53e5\u306e\u542b\u307e\u308c\u308b\u30d7\u30ed\u30b7\u30b8\u30e3\u3092\u914d\u7f6e\u3057\u30d5\u30a3\u30eb\u30bf\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"634\" height=\"447\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1590.png\" alt=\"\" class=\"wp-image-13393\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1590.png 634w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1590-300x212.png 300w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1590-140x100.png 140w\" sizes=\"(max-width: 634px) 100vw, 634px\" \/><\/figure>\n\n\n\n<p>2.CSS\u306e\u8a18\u8ff0<\/p>\n\n\n\n<p>\u30a2\u30a6\u30c8\u30e9\u30a4\u30f3\u304b\u3089CSS\u3092\u958b\u304d\u3001\u6307\u5b9a\u3057\u305f\u4efb\u610f\u306e\u30af\u30e9\u30b9\u3092\u30bb\u30ec\u30af\u30bf\u306b\u6307\u5b9a\u3057\u307e\u3059\u3002<br>\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308bCSS\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.ibx-select-popup {\n  color: #fff;\n  background-color: #E2F4C5;\n}<\/code><\/pre>\n\n\n\n<p>3.\u5b9f\u884c<\/p>\n\n\n\n<p>\u5b9f\u884c\u3057\u3001\u7d50\u679c\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"346\" height=\"325\" src=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1592.png\" alt=\"\" class=\"wp-image-13395\" srcset=\"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1592.png 346w, https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/image-1592-300x282.png 300w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u6982\u8981 Designer\u30da\u30fc\u30b8\u5185\u306b\u8a2d\u5b9a\u3055\u308c\u305f\u30d5\u30a3\u30eb\u30bf\u306b\u5bfe\u3057\u3001\u9078\u629e\u6642\u306e\u30ea\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308bCSS\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002 \u5b8c\u6210\u30a4\u30e1\u30fc\u30b8 \u624b\u9806 1.\u30d7\u30ed\u30b7\u30b8\u30e3\u306e\u914d\u7f6e\u3068\u30d5\u30a3\u30eb\u30bf\u306e\u4f5c\u6210 \u30da\u30fc\u30b8\u4e0a\u306bWHERE\u53e5\u306e\u542b\u307e\u308c\u308b\u30d7\u30ed\u30b7\u30b8 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":13400,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"qubely_global_settings":"","qubely_interactions":"","_uag_custom_page_level_css":"","ub_ctt_via":""},"categories":[70,69],"tags":[],"qubely_featured_image_url":{"full":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-scaled.jpg",2560,1788,false],"landscape":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1200x750.jpg",1200,750,true],"portraits":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-540x320.jpg",540,320,true],"thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-150x150.jpg",150,150,true],"medium":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-300x210.jpg",300,210,true],"medium_large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-768x536.jpg",768,536,true],"large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1024x715.jpg",1024,715,true],"1536x1536":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1536x1073.jpg",1536,1073,true],"2048x2048":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-2048x1431.jpg",2048,1431,true],"qubely_landscape":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1200x750.jpg",1200,750,true],"qubely_portrait":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-540x320.jpg",540,320,true],"qubely_thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-140x100.jpg",140,100,true]},"qubely_author":{"display_name":"\u30d5\u30a9\u30fc\u30d3\u30fc","author_link":"https:\/\/fobi.ashisuto.co.jp\/tech\/author\/fobi\/"},"qubely_comment":0,"qubely_category":"<a href=\"https:\/\/fobi.ashisuto.co.jp\/tech\/category\/technical\/designer-css\/\" rel=\"category tag\">Designer\u3067\u4f7f\u3048\u308bCSS<\/a> <a href=\"https:\/\/fobi.ashisuto.co.jp\/tech\/category\/technical\/designer-css\/color-change\/\" rel=\"category tag\">Designer\u3067\u8272\u3092\u5909\u66f4\u3057\u305f\u3044<\/a>","featured_image_src":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-scaled.jpg","author_info":{"display_name":"\u30d5\u30a9\u30fc\u30d3\u30fc","author_link":"https:\/\/fobi.ashisuto.co.jp\/tech\/author\/fobi\/"},"jetpack_featured_media_url":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-scaled.jpg","uagb_featured_image_src":{"full":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-scaled.jpg",2560,1788,false],"thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-150x150.jpg",150,150,true],"medium":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-300x210.jpg",300,210,true],"medium_large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-768x536.jpg",768,536,true],"large":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1024x715.jpg",1024,715,true],"1536x1536":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1536x1073.jpg",1536,1073,true],"2048x2048":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-2048x1431.jpg",2048,1431,true],"qubely_landscape":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-1200x750.jpg",1200,750,true],"qubely_portrait":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-540x320.jpg",540,320,true],"qubely_thumbnail":["https:\/\/fobi.ashisuto.co.jp\/tech\/wp-content\/uploads\/theme-photos-Cl-OpYWFFm0-unsplash-140x100.jpg",140,100,true]},"uagb_author_info":{"display_name":"\u30d5\u30a9\u30fc\u30d3\u30fc","author_link":"https:\/\/fobi.ashisuto.co.jp\/tech\/author\/fobi\/"},"uagb_comment_info":0,"uagb_excerpt":"\u6982\u8981 Designer\u30da\u30fc\u30b8\u5185\u306b\u8a2d\u5b9a\u3055\u308c\u305f\u30d5\u30a3\u30eb\u30bf\u306b\u5bfe\u3057\u3001\u9078\u629e\u6642\u306e\u30ea\u30b9\u30c8\u30dc\u30c3\u30af\u30b9\u306e\u80cc\u666f\u8272\u3092\u5909\u66f4\u3059\u308bCSS\u3092\u3054\u7d39&hellip;","_links":{"self":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13390"}],"collection":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/comments?post=13390"}],"version-history":[{"count":2,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13390\/revisions"}],"predecessor-version":[{"id":13401,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/posts\/13390\/revisions\/13401"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/media\/13400"}],"wp:attachment":[{"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/media?parent=13390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/categories?post=13390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fobi.ashisuto.co.jp\/tech\/wp-json\/wp\/v2\/tags?post=13390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}