{"id":695,"date":"2017-03-28T14:56:54","date_gmt":"2017-03-28T05:56:54","guid":{"rendered":"http:\/\/4koma-web.com\/coding\/?p=695"},"modified":"2017-03-28T14:58:23","modified_gmt":"2017-03-28T05:58:23","slug":"%e3%80%90-webkit-background-clip%e3%80%91%e6%96%87%e5%ad%97%e3%81%ab%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%8b%e3%81%91%e3%82%8b%e3%80%90ie%e9%9d%9e%e5%af%be","status":"publish","type":"post","link":"https:\/\/4koma-web.com\/coding\/%e3%80%90-webkit-background-clip%e3%80%91%e6%96%87%e5%ad%97%e3%81%ab%e3%82%b0%e3%83%a9%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e3%81%8b%e3%81%91%e3%82%8b%e3%80%90ie%e9%9d%9e%e5%af%be\/","title":{"rendered":"\u3010-webkit-background-clip\u3011\u6587\u5b57\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u304b\u3051\u308b\u3010ie\u975e\u5bfe\u5fdc\u3011"},"content":{"rendered":"<p>\u25a0\u30dd\u30a4\u30f3\u30c8<br \/>\n\u30fb-webkit-background-clip:text;\u6587\u5b57\u3067\u80cc\u666f\u8272\u3092\u5207\u308a\u629c\u304f<br \/>\n\u30fb\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u304b\u3051\u308b<br \/>\n\u30fbIE\u975e\u5bfe\u5fdc\u306a\u306e\u3067\u3001\u30cf\u30c3\u30af\u3067\u901a\u5e38\u306e\u30ab\u30e9\u30fc\u3092\u4ee3\u66ff\u3067\u6307\u5b9a\u3059\u308b\u4e8b<\/p>\n<p>\u25a0HTML<\/p>\n<pre class=\"lang:default decode:true \">&lt;div id=\"demo\"&gt;\r\n\u30c7\u30e2\r\n&lt;\/div&gt;\r\n<\/pre>\n<p>\u25a0CSS<\/p>\n<pre class=\"lang:default decode:true \">#demo {\r\n\twidth:600px;\r\n\theight:400px;\r\n\tmargin:0 auto;\r\n\ttext-align:center;\r\n\tfont-size:30px;\r\n\tfont-weight:bold;\r\n\tbackground: rgb(208,228,247);\u3000\/* \u80cc\u666f\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u304b\u3051\u308b *\/\r\n\u3000\u3000\u3000\u3000\u3000background: -moz-linear-gradient(top, rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%);\r\n\u3000\u3000\u3000\u3000\u3000background: -webkit-linear-gradient(top, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);\r\n\u3000\u3000\u3000\u3000\u3000background: linear-gradient(to bottom, rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%);\r\n\u3000\u3000\u3000\u3000\u3000filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 );\r\n\t-webkit-background-clip:text;\u3000\/* \u30c6\u30ad\u30b9\u30c8\u3067\u80cc\u666f\u8272\u3092\u5207\u308a\u629c\u304f *\/\r\n\tcolor:transparent;\u3000\/* \u30af\u30ea\u30c3\u30d7\u6587\u5b57\u3067\u80cc\u666f\u3092\u629c\u3044\u305f\u3068\u304d\u3001\u80cc\u666f\u8272\u304c\u898b\u3048\u308b\u3088\u3046\u900f\u904e\u306b\u3059\u308b *\/\r\n}\r\n<\/pre>\n<p>\u25a0\u53c2\u8003\uff1a<a href=\"https:\/\/webkikaku.co.jp\/blog\/htmlcss\/background-clip-text\/\" target=\"_blank\">\u30a2\u30a4\u30c7\u30a2\u6b21\u7b2c\u3067\u52b9\u679c\u7684\u306a\u4f7f\u3044\u65b9\u304c\u3067\u304d\u308b\u304b\u3082!?\u300cbackground-clip:text;\u300d\u3092\u4f7f\u3063\u3066\u80cc\u666f\u753b\u50cf\u3092\u6587\u5b57\u3067\u30de\u30b9\u30af\u3059\u308b\u65b9\u6cd5<\/a><a href=\"http:\/\/kudakurage.hatenadiary.com\/entry\/20111113\/1321170623\" target=\"_blank\">CSS\u306e\u307f\u3067\u30c6\u30ad\u30b9\u30c8\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3084\u30ea\u30d5\u30ec\u30af\u30c8\u3092\u304b\u3051\u308b\u30c6\u30af\u30cb\u30c3\u30af\uff08\u3061\u3087\u3063\u3068\u66f4\u65b0\uff09<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u25a0\u30dd\u30a4\u30f3\u30c8 \u30fb-webkit-background-clip:text;\u6587\u5b57\u3067\u80cc\u666f\u8272\u3092\u5207\u308a\u629c\u304f \u30fb\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u304b\u3051\u308b \u30fbIE\u975e\u5bfe\u5fdc\u306a\u306e\u3067\u3001\u30cf\u30c3\u30af\u3067\u901a\u5e38\u306e\u30ab\u30e9\u30fc\u3092\u4ee3\u66ff\u3067\u6307\u5b9a\u3059\u308b\u4e8b \u25a0HTML &lt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_locale":"","_original_post":"","footnotes":""},"categories":[1],"tags":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-21 23:58:05","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category"},"_links":{"self":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/695"}],"collection":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":0,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/posts\/695\/revisions"}],"wp:attachment":[{"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/media?parent=695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/categories?post=695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/4koma-web.com\/coding\/wp-json\/wp\/v2\/tags?post=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}