工具系列 | 博客签名

页面

<div>
<p>作者:<a href="https://github.com/Tinywan" target="_blank">Tinywan</a></p>
</div>
<div>
<p>出处:<a href="https://www.cnblogs.com/Tinywan/" target="_blank">https://www.cnblogs.com/Tinywan</a></p>
</div>
<div>
<p>本文版权归作者和博客园共有。欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。</p>
</div>
<div>
<p>欢迎关注个人微信公众号,一起进步!扫描左方二维码即可</p> 
</div>

 样式

#MySignature{  
 border:solid 2px #E5E5E5;
 padding:15px;
 background:#E5EEF7 url(https://www.icode9.com/i/l/?n=18&i=blog/1021265/201812/1021265-20181226163712585-2104784378.jpg) no-repeat 2%;
 padding-left: 290px;
 height: 240px;
}

#MySignature div{
  line-height: 20px;
}

.feedbackCon img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
 
.feedbackCon img {
border-radius: 40px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

 

上一篇:李白打酒—蓝桥杯


下一篇:纯css3打造旋转太极