{"id":1921,"date":"2017-09-01T11:32:46","date_gmt":"2017-09-01T03:32:46","guid":{"rendered":"http:\/\/www.xttblog.com\/?p=1921"},"modified":"2017-09-01T11:32:46","modified_gmt":"2017-09-01T03:32:46","slug":"css3%e5%ae%9e%e7%8e%b0%e4%b8%80%e6%ac%be%e6%bc%82%e4%ba%ae%e7%9a%84%e7%95%99%e8%a8%80%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.xttblog.com\/?p=1921","title":{"rendered":"CSS3\u5b9e\u73b0\u4e00\u6b3e\u6f02\u4eae\u7684\u7559\u8a00\u4ee3\u7801"},"content":{"rendered":"

\n\t\u81ea\u4ece\u591a\u8bf4\u5173\u95ed<\/a>\u540e\uff0c\u8bc4\u8bba\u63d2\u4ef6\u8d8a\u6765\u8d8a\u5c11\u4e86\u3002\u800cWordPress<\/a>\u81ea\u5e26\u7684\u8bc4\u8bba\u6846\u975e\u5e38\u7684\u7b80\u964b\uff0c\u770b\u8d77\u6765\u5c31\u6ca1\u6709\u8bc4\u8bba\u7684\u6b32\u671b\u3002\u672c\u6587\u5c06\u4f7f\u7528CSS3\u5b9e\u73b0\u4e00\u6b3e\u6f02\u4eae\u7684\u7559\u8a00\u4ee3\u7801\uff0c\u8d76\u7d27\u8ddf\u7740\u4e00\u8d77\u6539\u52a8\u4f60\u7684\u535a\u5ba2\u8bc4\u8bba\u6846\u5427\uff01\n<\/p>\n

\n\t\u5148\u9605\u89c8\u4e00\u4e0b\u8fd0\u884c\u6548\u679c\u5427\uff01\n<\/p>\n

\n\t\"CSS3\u5b9e\u73b0\u8bc4\u8bba\u6846\"\n<\/p>\n

\n\t\u4e3b\u8981\u7684html\u4ee3\u7801\u5982\u4e0b\uff1a\n<\/p>\n

\r\n<div class="ds-post-main">\r\n\t<div class="ds-avatar">\r\n\t\t<a title="\u4e1a\u4f59\u8349" href="https:\/\/www.xttblog.com" target="_blank"><img alt="\u4e1a\u4f59\u8349" src="http:\/\/tp3.sinaimg.cn\/1750584642\/50\/5612846168\/1"><\/a>\r\n\t<\/div>\r\n\t<div class="ds-comment-body">\r\n\t\t<a title="\u4e1a\u4f59\u8349" href="https:\/\/www.xttblog.com" target="_blank" class="user-name">\u4e1a\u4f59\u8349<\/a>\r\n\t\t<p>"\u662f\u4e0d\u662f\u4e0a\u4e865\u5929\u73ed\u4e86\uff1f"\u3001"\u4ee5\u4e3a\u662f\u5468\u672b\u4e86\uff1f"\u3001"\u4eca\u5929\u624d\u5468\u4e09\uff0c\u54c8\u54c8\uff01"\u3002<\/p>\r\n\t\t<p>"\u662f\u4e0d\u662f\u8981\u8003\u8bd5\u5566\uff1f"\u3001"\u8fd8\u6ca1\u590d\u4e60\u5427\uff1f"\u3001"\u7b49\u6b7b\u5427\uff0c\u54c8\u54c8\u54c8\u54c8"\u3002<\/p>\r\n\t\t<p>"\u5728\u516c\u53f8\u5750\u4e86\u4e00\u4e0a\u5348\u4e86\u5427"\u3001"\u5fd9\u5f97\u6ca1\u65f6\u95f4\u5403\u5348\u996d\u5427\uff1f"\u3001"\u6211\u5df2\u7ecf\u5403\u8fc7\u4e86\uff0c\u54c8\u54c8\u54c8\u54c8\uff01"<\/p>\r\n\t<\/div>\r\n<\/div><\/pre>\n
\n\t\u5269\u4e0b\u7684\u5c31\u662fCSS3\u4ee3\u7801\u4e86\u3002\n<\/p>\n
\r\n\/* \u4e1a\u4f59\u8349\uff1awww.xttblog.com *\/\r\n.ds-post-main {position:relative;margin-bottom:30px;}\r\n.ds-avatar {z-index:2;position:absolute;top:48px;left:-20px;padding:5px;width:36px;height:36px; border-radius:50%; box-shadow:-1px 0 1px rgba(0,0,0,.15) inset; background:#E5E6D0 url(http:\/\/www.shejidaren.com\/wp-content\/themes\/Daren\/images\/bg.jpg) repeat 0 0;}\r\n.ds-avatar a {display:block; padding:1px; width:32px; height:32px; border:1px solid #B9BAA6; border-radius:50%; background-color:#fff; -moz-transition:color 0.15s linear; -webkit-transition:color 0.15s linear;transition:color 0.15s linear;}\r\n.ds-avatar img {display:block;width:32px; height:32px;border-radius:50%;box-shadow:0 1px 5px rgba(0, 0, 0, 0.22)}\r\n.ds-comment-body, .ds-avatar, .ds-avatar a,\r\n.ds-avatar img {-webkit-transition:.4s all ease-in-out;-moz-transition:.4s all ease-in-out;-o-transition:.4s all ease-in-out;-ms-transition:.4s all ease-in-out;transition:.4s all ease-in-out}\r\n.ds-post-main:hover .ds-avatar img {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}\r\n.ds-comment-body {z-index:1;position:relative;left:0;background: #F0F0E3;padding:15px 15px 15px 47px;color:#696A52; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.75) inset;}\r\n\/* \u4e1a\u4f59\u8349\uff1awww.xttblog.com *\/\r\n.ds-post-main:hover .ds-comment-body {left:40px;}\r\n.ds-post-main:hover .ds-avatar:after,.ds-post-main:hover .ds-avatar a:after,.ds-post-main:hover .ds-avatar a:before { position:absolute; content:'+'; font-size:18px;font-weight:bold; font-family:Arial, Helvetica, sans-serif;color:#696A52}\r\n.ds-post-main:hover .ds-avatar:after {top:14px;left:56px}\r\n.ds-post-main:hover .ds-avatar a:after {top:9px;left:48px;}\r\n.ds-post-main:hover .ds-avatar a:before {top:9px;left:-29px;}\r\n.ds-post-main:hover .ds-avatar {left:-40px;}\r\n.ds-post-main:hover .ds-avatar a {position:relative;left:-80px;}\r\n.ds-post-main:hover .ds-avatar a img{position:relative;left:-80px;}<\/pre>\n
\n\t\u6709\u5174\u8da3\u7684\u540c\u5b66\u53ef\u4ee5\u6574\u7406\u8fdb\u81ea\u5df1\u535a\u5ba2\u4e2d\u7684\u8bc4\u8bba\u6846\u4e2d\uff0c\u4f18\u5316\u81ea\u5df1\u7684\u89c6\u89c9\u4f53\u9a8c\u3002<\/p>\n
\"\u4e1a\u4f59\u8349\u516c\u4f17\u53f7\"\/<\/p>
\u6700\u540e\uff0c\u6b22\u8fce\u5173\u6ce8\u6211\u7684\u4e2a\u4eba\u5fae\u4fe1\u516c\u4f17\u53f7\uff1a\u4e1a\u4f59\u8349\uff08yyucao\uff09\uff01\u53ef\u52a0\u4f5c\u8005\u5fae\u4fe1\u53f7\uff1axttblog2<\/font>\u3002\u5907\u6ce8\uff1a\u201c1\u201d\uff0c\u6dfb\u52a0\u535a\u4e3b\u5fae\u4fe1\u62c9\u4f60\u8fdb\u5fae\u4fe1\u7fa4\u3002\u5907\u6ce8\u9519\u8bef\u4e0d\u4f1a\u540c\u610f\u597d\u53cb\u7533\u8bf7\u3002<\/b>\u518d\u6b21\u611f\u8c22\u60a8\u7684\u5173\u6ce8\uff01\u540e\u7eed\u6709\u7cbe\u5f69\u5185\u5bb9\u4f1a\u7b2c\u4e00\u65f6\u95f4\u53d1\u7ed9\u60a8\uff01\u539f\u521b\u6587\u7ae0\u6295\u7a3f\u8bf7\u53d1\u9001\u81f3532009913@qq.com\u90ae\u7bb1\u3002\u5546\u52a1\u5408\u4f5c\u4e5f\u53ef\u6dfb\u52a0\u4f5c\u8005\u5fae\u4fe1\u8fdb\u884c\u8054\u7cfb\uff01<\/p>
\u672c\u6587\u539f\u6587\u51fa\u5904\uff1a\u4e1a\u4f59\u8349<\/a>\uff1a » CSS3\u5b9e\u73b0\u4e00\u6b3e\u6f02\u4eae\u7684\u7559\u8a00\u4ee3\u7801<\/a><\/p>","protected":false},"excerpt":{"rendered":"
\u81ea\u4ece\u591a\u8bf4\u5173\u95ed\u540e\uff0c\u8bc4\u8bba\u63d2\u4ef6\u8d8a\u6765\u8d8a\u5c11\u4e86\u3002\u800cWordPress\u81ea\u5e26\u7684\u8bc4\u8bba\u6846\u975e\u5e38\u7684\u7b80\u964b\uff0c\u770b\u8d77\u6765\u5c31\u6ca1\u6709\u8bc4\u8bba\u7684\u6b32\u671b\u3002\u672c\u6587\u5c06 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[814,1055],"class_list":["post-1921","post","type-post","status-publish","format-standard","hentry","category-html5","tag-css3","tag-1055"],"_links":{"self":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1921"}],"version-history":[{"count":1,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1921\/revisions"}],"predecessor-version":[{"id":1922,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=\/wp\/v2\/posts\/1921\/revisions\/1922"}],"wp:attachment":[{"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xttblog.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}