{"id":86,"date":"2025-06-22T10:23:04","date_gmt":"2025-06-22T02:23:04","guid":{"rendered":"https:\/\/a.li6.cc\/?p=86"},"modified":"2025-06-22T10:23:04","modified_gmt":"2025-06-22T02:23:04","slug":"css%e5%ae%9e%e7%8e%b0%e7%9a%84%e6%8a%96%e5%8a%a8%e7%9a%84%e9%9f%b3%e7%ac%a6%e9%9f%b3%e6%b5%aa%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/a.li6.cc\/index.php\/2025\/06\/22\/css%e5%ae%9e%e7%8e%b0%e7%9a%84%e6%8a%96%e5%8a%a8%e7%9a%84%e9%9f%b3%e7%ac%a6%e9%9f%b3%e6%b5%aa%e6%95%88%e6%9e%9c\/","title":{"rendered":"css\u5b9e\u73b0\u7684\u6296\u52a8\u7684\u97f3\u7b26\u97f3\u6d6a\u6548\u679c"},"content":{"rendered":"<pre><code>&lt;style&gt;\n@keyframes playon{0%{height:70%} 50%{height:100%} 100%{height:35%}}\n\n.play-on {\n  display: block;\n  height: 8px;\n  position: absolute;\n  left: calc(50% - 11px);\n  bottom: 0;\n}\n.play-on i {\n  width: 4px;\n  height: 6px;\n  border-radius: 4px 4px 0 0;\n  background-color: #E50916;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n.play-on i:nth-last-child(1) {\n  animation: playon .8s .3s infinite;\n}\n\n.play-on i:nth-last-child(2) {\n  animation: playon .8s .1s infinite;\n  left: 6px;\n}\n.play-on i:nth-last-child(3) {\n  animation: playon .6s .2s infinite;\n  left: 12px;\n}\n\n.play-on i:nth-last-child(4) {\n  animation: playon 1s .3s infinite;\n  left: 18px;\n}\n\n&lt;\/style&gt;\n&lt;em class=&quot;play-on&quot;&gt;&lt;i&gt;&lt;\/i&gt;&lt;i&gt;&lt;\/i&gt;&lt;i&gt;&lt;\/i&gt;&lt;i&gt;&lt;\/i&gt;&lt;\/em&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>&lt;style&gt; @keyframes playon{0%{heigh &hellip; <a href=\"https:\/\/a.li6.cc\/index.php\/2025\/06\/22\/css%e5%ae%9e%e7%8e%b0%e7%9a%84%e6%8a%96%e5%8a%a8%e7%9a%84%e9%9f%b3%e7%ac%a6%e9%9f%b3%e6%b5%aa%e6%95%88%e6%9e%9c\/\">\u7ee7\u7eed\u9605\u8bfb <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/posts\/86"}],"collection":[{"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":1,"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/posts\/86\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a.li6.cc\/index.php\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}