{"id":98,"date":"2022-04-17T18:55:00","date_gmt":"2022-04-17T09:55:00","guid":{"rendered":"http:\/\/hustlemouse.com\/wp1602\/?p=98"},"modified":"2022-05-06T19:01:11","modified_gmt":"2022-05-06T10:01:11","slug":"css3%e3%82%b3%e3%83%b3%e3%83%88%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%9d%e3%81%ae%ef%bc%91%e3%80%82%ef%bc%88%e3%82%b0%e3%83%a9%e3%83%87%e3%81%a8%e3%82%b7%e3%83%a3%e3%83%89%e3%83%bc%ef%bc%89","status":"publish","type":"post","link":"https:\/\/hustlemouse.com\/wp160211\/css3%e3%82%b3%e3%83%b3%e3%83%88%e3%83%ad%e3%83%bc%e3%83%ab%e3%81%9d%e3%81%ae%ef%bc%91%e3%80%82%ef%bc%88%e3%82%b0%e3%83%a9%e3%83%87%e3%81%a8%e3%82%b7%e3%83%a3%e3%83%89%e3%83%bc%ef%bc%89\/","title":{"rendered":"HTML\u3068CSS3\uff08\u305d\u306e\uff11\uff1a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3068\u30c9\u30ed\u30c3\u30d7\u30b7\u30e3\u30c9\u30fc\uff09"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3068\u30c9\u30ed\u30c3\u30d7\u30b7\u30e3\u30c9\u30fc<\/h2>\n\n\n\n<div id=\"gradientDropShadowEx\">\n<div class=\"parent\">\n<div class=\"child\">\n<p>DIV\u30bf\u30b0\uff08division\uff09\u306f\u30d6\u30c3\u30ed\u30af\uff08block\uff09\u5c5e\u6027\u306e\u4ee3\u8868\u683c\u3067\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n<style>\n#gradientDropShadowEx {\n\tcolor:#059;\n\ttext-align:center;\n\tline-height:1.4em;\n}\n#gradientDropShadowEx .parent {\n\tposition:relative;\n\theight:200px;\n\t\/*GRADATION*\/\n\tbackground: rgb(242,205,233); \/* Old browsers *\/\n\tbackground: -moz-linear-gradient(-45deg,  rgba(242,205,233,1) 0%, rgba(255,107,168,1) 16%, rgba(196,117,176,1) 50%, rgba(221,161,195,1) 100%); \/* FF3.6+ *\/\n\tbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(242,205,233,1)), color-stop(16%,rgba(255,107,168,1)), color-stop(50%,rgba(196,117,176,1)), color-stop(100%,rgba(221,161,195,1))); \/* Chrome,Safari4+ *\/\n\tbackground: -webkit-linear-gradient(-45deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* Chrome10+,Safari5.1+ *\/\n\tbackground: -o-linear-gradient(-45deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* Opera 11.10+ *\/\n\tbackground: -ms-linear-gradient(-45deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* IE10+ *\/\n\tbackground: linear-gradient(135deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* W3C *\/\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cde9', endColorstr='#dda1c3',GradientType=1 ); \/* IE6-9 fallback on horizontal gradient *\/\n}\n#gradientDropShadowEx .child {\n\tposition:absolute;\n\tleft:30px;\n\ttop:30px;\n\twidth:50%;\n\tbackground-color:#A2C1EE;\n\tborder:#37b dotted 2px;\n\tcolor:#038;\n\tfont-weight:bolder;\n\tfont-family:\u30e1\u30a4\u30ea\u30aa, \uff2d\uff33 \uff30\u30b4\u30b7\u30c3\u30af, Hiragino Kaku Gothic Pro, \u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3, Osaka, sans-serif;\n\t\/*SHADOW*\/\n\tbox-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);\n\t-moz-box-shadow: 0px 0px 20px rgba(175,0,170,1.00);\n\t-webkit-box-shadow: 0px 0px 20px rgba(65,0,208,0.80);\n}\n#gradientDropShadowEx .child p {\n\tpadding:20px;\n}\n<\/style>\n\n\n\n<h2 class=\"wp-block-heading\">\u3064\u304e\u304c\u3001\u4e0a\u306e\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3067\u3059\u3002<\/h2>\n\n\n\n<p class='code'>&lt;div id=&#8221;gradientDropShadowEx&#8221;&gt;\n&lt;div class=&#8221;parent&#8221;&gt;\n&lt;div class=&#8221;child&#8221;&gt;\n&lt;p&gt;DIV\u30bf\u30b0\uff08division\uff09\u306f\u30d6\u30c3\u30ed\u30af\uff08block\uff09\u5c5e\u6027\u306e\u4ee3\u8868\u683c\u3067\u3059\u3002&lt;\/p&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;style&gt;\n#gradientDropShadowEx {\n\tcolor:#059;\n\ttext-align:center;\n\tline-height:1.4em;\n}\n#gradientDropShadowEx .parent {\n\tposition:relative;\n\theight:200px;\n\t\/*GRADATION*\/\n\tbackground: rgb(242,205,233); \/* Old browsers *\/\n\tbackground: -moz-linear-gradient(-45deg,  rgba(242,205,233,1) 0%, rgba(255,107,168,1) 16%, rgba(196,117,176,1) 50%, rgba(221,161,195,1) 100%); \/* FF3.6+ *\/\n\tbackground: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(242,205,233,1)), color-stop(16%,rgba(255,107,168,1)), color-stop(50%,rgba(196,117,176,1)), color-stop(100%,rgba(221,161,195,1))); \/* Chrome,Safari4+ *\/\n\tbackground: -webkit-linear-gradient(-45deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* Chrome10+,Safari5.1+ *\/\n\tbackground: -o-linear-gradient(-45deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* Opera 11.10+ *\/\n\tbackground: -ms-linear-gradient(-45deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* IE10+ *\/\n\tbackground: linear-gradient(135deg,  rgba(242,205,233,1) 0%,rgba(255,107,168,1) 16%,rgba(196,117,176,1) 50%,rgba(221,161,195,1) 100%); \/* W3C *\/\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#8217;#f2cde9&#8242;, endColorstr=&#8217;#dda1c3&#8242;,GradientType=1 ); \/* IE6-9 fallback on horizontal gradient *\/\n}\n#gradientDropShadowEx .child {\n\tposition:absolute;\n\tleft:30px;\n\ttop:30px;\n\twidth:50%;\n\tbackground-color:#A2C1EE;\n\tborder:#37b dotted 2px;\n\tcolor:#038;\n\tfont-weight:bolder;\n\tfont-family:\u30e1\u30a4\u30ea\u30aa, \uff2d\uff33 \uff30\u30b4\u30b7\u30c3\u30af, Hiragino Kaku Gothic Pro, \u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3, Osaka, sans-serif;\n\t\/*SHADOW*\/\n\tbox-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);\n\t-moz-box-shadow: 0px 0px 20px rgba(175,0,170,1.00);\n\t-webkit-box-shadow: 0px 0px 20px rgba(65,0,208,0.80);\n}\n#gradientDropShadowEx .child p {\n\tpadding:20px;\n}\n&lt;\/style&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306f\u3053\u3061\u3089\u304b\u3089\u2192<a href=\"http:\/\/www.colorzilla.com\/gradient-editor\/\" target=\"_blank\" rel=\"noopener\">Ultimate CSS Gradient Generator<\/a><br>\u30c9\u30ed\u30c3\u30d7\u30b7\u30e3\u30c9\u30fc\u306f\u3053\u3061\u3089\u304b\u3089\u2192<a href=\"http:\/\/www.themeshock.com\/css-drop-shadow\/\" target=\"_blank\" rel=\"noopener\">Css3 drop shadow generator<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3068\u30c9\u30ed\u30c3\u30d7\u30b7\u30e3\u30c9\u30fc DIV\u30bf\u30b0\uff08division\uff09\u306f\u30d6\u30c3\u30ed\u30af\uff08block\uff09\u5c5e\u6027\u306e\u4ee3\u8868\u683c\u3067\u3059\u3002 \u3064\u304e\u304c\u3001\u4e0a\u306e\u30a8\u30ec\u30e1\u30f3\u30c8\u306e\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3067\u3059\u3002 &lt;div id=&#8221;gradientDropShad [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[112,113],"tags":[60,140,59,139,28,29],"class_list":["post-98","post","type-post","status-publish","format-standard","hentry","category-cascading-style-sheet","category-hyper-text-markup-language","tag-css","tag-css3","tag-html","tag-139","tag-28","tag-29"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/posts\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":10,"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/posts\/98\/revisions"}],"predecessor-version":[{"id":1417,"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/posts\/98\/revisions\/1417"}],"wp:attachment":[{"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/categories?post=98"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hustlemouse.com\/wp160211\/wp-json\/wp\/v2\/tags?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}