{"id":43123,"date":"2023-12-11T14:58:54","date_gmt":"2023-12-11T06:58:54","guid":{"rendered":"https:\/\/wx.kaifamiao.info\/?p=43123"},"modified":"2023-12-11T14:58:54","modified_gmt":"2023-12-11T06:58:54","slug":"css%e7%94%bb%e6%ad%a3%e6%96%b9%e4%bd%93","status":"publish","type":"post","link":"http:\/\/wx.kaifamiao.info\/index.php\/2023\/12\/11\/css%e7%94%bb%e6%ad%a3%e6%96%b9%e4%bd%93\/","title":{"rendered":"CSS\u753b\u6b63\u65b9\u4f53?"},"content":{"rendered":"<p>&#8220;`&#8221;<\/p>\n<p>&lt;pre&gt;&lt;!DOCTYPE html&gt;&lt;html lang=&quot;&quot;en&quot;&quot;&gt;&lt;head&gt;&lt;meta charset=&quot;&quot;UTF-8&quot;&quot;&gt;&lt;title&gt;perspective&lt;\/title&gt;&lt;style&gt;.wrapper{width: 50%;float: left;}.cube{font-size: 4em;width: 2em;margin: 1.5em auto;transform-style:preserve-3d;transform:rotateX(-35deg) rotateY(30deg);}.side{position: absolute;width: 2em;height: 2em;background: rgba(255,99,71,0.6);border: 1px solid rgba(0,0,0,0.5);color: white;text-align: center;line-height: 2em;}.front{transform:translateZ(1em);}.bottom{transform:rotateX(-90deg) translateZ(1em);}.top{transform:rotateX(90deg) translateZ(1em);}.left{transform:rotateY(-90deg) translateZ(1em);}.right{transform:rotateY(90deg) translateZ(1em);}.back{transform:translateZ(-1em);}&lt;\/style&gt;&lt;\/head&gt;&lt;body&gt;&lt;div class=&quot;&quot;wrapper w1&quot;&quot;&gt;&lt;div class=&quot;&quot;cube&quot;&quot;&gt;&lt;div class=&quot;&quot;side front&quot;&quot;&gt;1&lt;\/div&gt;&lt;div class=&quot;&quot;side back&quot;&quot;&gt;6&lt;\/div&gt;&lt;div class=&quot;&quot;side right&quot;&quot;&gt;4&lt;\/div&gt;&lt;div class=&quot;&quot;side left&quot;&quot;&gt;3&lt;\/div&gt;&lt;div class=&quot;&quot;side top&quot;&quot;&gt;5&lt;\/div&gt;&lt;div class=&quot;&quot;side bottom&quot;&quot;&gt;2&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;div class=&quot;&quot;wrapper w2&quot;&quot;&gt;&lt;div class=&quot;&quot;cube&quot;&quot;&gt;&lt;div class=&quot;&quot;side front&quot;&quot;&gt;1&lt;\/div&gt;&lt;div class=&quot;&quot;side back&quot;&quot;&gt;6&lt;\/div&gt;&lt;div class=&quot;&quot;side right&quot;&quot;&gt;4&lt;\/div&gt;&lt;div class=&quot;&quot;side left&quot;&quot;&gt;3&lt;\/div&gt;&lt;div class=&quot;&quot;side top&quot;&quot;&gt;5&lt;\/div&gt;&lt;div class=&quot;&quot;side bottom&quot;&quot;&gt;2&lt;\/div&gt;&lt;\/div&gt;&lt;\/div&gt;&lt;\/body&gt;&lt;\/html&gt;&lt;br&gt;&lt;\/pre&gt;<\/p>\n<p>&lt;pre&gt;&lt;code&gt;            &quot;&#8220;`<br \/>\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;`&#8221; &lt;pre&gt;&lt;!DOCTYPE html&gt;&lt;htm [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[101],"tags":[],"class_list":["post-43123","post","type-post","status-publish","format-standard","hentry","category-c"],"_links":{"self":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/43123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/comments?post=43123"}],"version-history":[{"count":1,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/43123\/revisions"}],"predecessor-version":[{"id":43124,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/43123\/revisions\/43124"}],"wp:attachment":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/media?parent=43123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/categories?post=43123"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/tags?post=43123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}