{"id":210,"date":"2022-05-02T08:46:42","date_gmt":"2022-05-01T23:46:42","guid":{"rendered":"https:\/\/bento-journey.net\/?p=210"},"modified":"2022-05-02T08:46:42","modified_gmt":"2022-05-01T23:46:42","slug":"%e3%83%9c%e3%82%bf%e3%83%b3%e4%bd%9c%e6%88%90","status":"publish","type":"post","link":"https:\/\/bento-journey.net\/?p=210","title":{"rendered":"\u30dc\u30bf\u30f3\u4f5c\u6210"},"content":{"rendered":"

\u53c2\u8003\uff1ahttps:\/\/pulpxstyle.com\/css-button\/<\/p>\n

\u30c7\u30b6\u30a4\u30f3\u2460<\/h2>\n

\"\"<\/p>\n

HTML<\/h3>\n

<div class=\"button15\"><\/code>
\n<a href=\"https:\/\/www.togojinja.jp\/kyushu-okinawa\/\">\u4e2d\u56fd\u30fb\u56db\u56fd\u5730\u65b9<\/code>
\n\u5fa9\u7e01\u795e\u793eTOP5<\/a><\/code>
\n<\/div><\/code><\/p>\n

CSS<\/h3>\n

.button15 a {<\/code>
\ndisplay: block;<\/code>
\nposition: relative;<\/code>
\nmargin: 0 auto;<\/code>
\npadding: 1em 2em;<\/code>
\nwidth: 300px;<\/code>
\ncolor: #ffffff<\/span>;<\/code>
\nfont-size: 18px;<\/code>
\nfont-weight: 700;<\/code>
\nbackground-color: #F30100<\/span>;<\/code>
\nborder-radius: 50vh;<\/code>
\ntransition: 0.3s;<\/code>
\n}<\/code><\/p>\n

.button15 a::before {<\/code>
\ncontent: '';<\/code>
\nposition: absolute;<\/code>
\ntop: 50%;<\/code>
\nright: 10px;<\/code>
\ntransform: translateY(-50%);<\/code>
\nwidth: 50px;<\/code>
\nheight: 50px;<\/code>
\nbackground-color: #f2f2f2;<\/code>
\nborder-radius: 50vh;<\/code>
\n}<\/code><\/p>\n

.button15 a::after {<\/code>
\ncontent: '';<\/code>
\nposition: absolute;<\/code>
\ntop: 50%;<\/code>
\nright: 32px;<\/code>
\ntransform: translateY(-50%) rotate(45deg);<\/code>
\nwidth: 5px;<\/code>
\nheight: 5px;<\/code>
\nborder-top: 3px solid #333333;<\/code>
\nborder-right: 3px solid #333333;<\/code>
\n}<\/code><\/p>\n

.button15 a:hover {<\/code>
\ntext-decoration: none;<\/code>
\nbackground-color: #cccccc;<\/code>
\n}<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

\u53c2\u8003\uff1ahttps:\/\/pulpxstyle.com\/css-button\/ \u30c7\u30b6\u30a4\u30f3\u2460 HTML <div class=”button15″> <a href=”https:\/\/www.togojinj … <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":{"0":"post-210","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-2","7":"nothumb"},"_links":{"self":[{"href":"https:\/\/bento-journey.net\/index.php?rest_route=\/wp\/v2\/posts\/210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bento-journey.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bento-journey.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bento-journey.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bento-journey.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=210"}],"version-history":[{"count":7,"href":"https:\/\/bento-journey.net\/index.php?rest_route=\/wp\/v2\/posts\/210\/revisions"}],"predecessor-version":[{"id":218,"href":"https:\/\/bento-journey.net\/index.php?rest_route=\/wp\/v2\/posts\/210\/revisions\/218"}],"wp:attachment":[{"href":"https:\/\/bento-journey.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bento-journey.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bento-journey.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}