{"id":916,"date":"2023-07-26T17:11:33","date_gmt":"2023-07-26T09:11:33","guid":{"rendered":"http:\/\/blog.nonot.cn\/?p=916"},"modified":"2024-07-08T13:15:34","modified_gmt":"2024-07-08T05:15:34","slug":"css3%e5%bc%80%e5%85%b3%e6%8c%89%e9%92%ae","status":"publish","type":"post","link":"https:\/\/blog.nonot.cn\/index.php\/2023\/07\/26\/css3%e5%bc%80%e5%85%b3%e6%8c%89%e9%92%ae\/","title":{"rendered":"CSS3\u5f00\u5173\u6309\u94ae"},"content":{"rendered":"<pre class=\"lang:default decode:true  \">&lt;label&gt;&lt;input class=\"mui-switch\" type=\"checkbox\"&gt; \u9ed8\u8ba4\u672a\u9009\u4e2d&lt;\/label&gt;\n&lt;label&gt;&lt;input class=\"mui-switch\" type=\"checkbox\" checked&gt; \u9ed8\u8ba4\u9009\u4e2d&lt;\/label&gt;\n&lt;label&gt;&lt;input class=\"mui-switch mui-switch-animbg\" type=\"checkbox\"&gt; \u9ed8\u8ba4\u672a\u9009\u4e2d,\u7b80\u5355\u7684\u80cc\u666f\u8fc7\u6e21\u6548\u679c,\u52a0mui-switch-animbg\u7c7b\u5373\u53ef&lt;\/label&gt;\n&lt;label&gt;&lt;input class=\"mui-switch mui-switch-animbg\" type=\"checkbox\" checked&gt; \u9ed8\u8ba4\u9009\u4e2d&lt;\/label&gt;\n&lt;label&gt;&lt;input class=\"mui-switch mui-switch-anim\" type=\"checkbox\"&gt; \u9ed8\u8ba4\u672a\u9009\u4e2d\uff0c\u8fc7\u6e21\u6548\u679c\uff0c\u52a0 mui-switch-anim\n\u7c7b\u5373\u53ef&lt;\/label&gt;\n&lt;label&gt;&lt;input class=\"mui-switch mui-switch-anim\" type=\"checkbox\" checked&gt; \u9ed8\u8ba4\u9009\u4e2d&lt;\/label&gt;\n&lt;style&gt;\n.mui-switch {\nwidth: 52px;\nheight: 31px;\nposition: relative;\nborder: 1px solid #dfdfdf;\nbackground-color: #fdfdfd;\nbox-shadow: #dfdfdf 0 0 0 0 inset;\nborder-radius: 20px;\nborder-top-left-radius: 20px;\nborder-top-right-radius: 20px;\nborder-bottom-left-radius: 20px;\nborder-bottom-right-radius: 20px;\nbackground-clip: content-box;\ndisplay: inline-block;\n-webkit-appearance: none;\nuser-select: none;\noutline: none; }\n.mui-switch:before {\ncontent: '';\nwidth: 29px;\nheight: 29px;\nposition: absolute;\ntop: 0px;\nleft: 0;\nborder-radius: 20px;\nborder-top-left-radius: 20px;\nborder-top-right-radius: 20px;\nborder-bottom-left-radius: 20px;\nborder-bottom-right-radius: 20px;\nbackground-color: #fff;\nbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }\n.mui-switch:checked {\nborder-color: #64bd63;\nbox-shadow: #64bd63 0 0 0 16px inset;\nbackground-color: #64bd63; }\n.mui-switch:checked:before {\nleft: 21px; }\n.mui-switch.mui-switch-animbg {\ntransition: background-color ease 0.4s; }\n.mui-switch.mui-switch-animbg:before {\ntransition: left 0.3s; }\n.mui-switch.mui-switch-animbg:checked {\nbox-shadow: #dfdfdf 0 0 0 0 inset;\nbackground-color: #64bd63;\ntransition: border-color 0.4s, background-color ease 0.4s; }\n.mui-switch.mui-switch-animbg:checked:before {\ntransition: left 0.3s; }\n.mui-switch.mui-switch-anim {\ntransition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s; }\n.mui-switch.mui-switch-anim:before {\ntransition: left 0.3s; }\n.mui-switch.mui-switch-anim:checked {\nbox-shadow: #64bd63 0 0 0 16px inset;\nbackground-color: #64bd63;\ntransition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }\n.mui-switch.mui-switch-anim:checked:before {\ntransition: left 0.3s; }\n&lt;\/style&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>&lt;label&gt;&lt;input class=&#8221;&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[],"class_list":["post-916","post","type-post","status-publish","format-standard","hentry","category-htmlcss"],"_links":{"self":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/comments?post=916"}],"version-history":[{"count":1,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/916\/revisions"}],"predecessor-version":[{"id":1286,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/posts\/916\/revisions\/1286"}],"wp:attachment":[{"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/media?parent=916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/categories?post=916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.nonot.cn\/index.php\/wp-json\/wp\/v2\/tags?post=916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}