神兽保佑代码无bug O(∩_∩)O

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">

.gomyblog {
display:inline-block;
animation:lol 0.5s infinite 3s;
-webkit-animation:lol 0.5s infinite 3s;

}
@keyframes lol {
0% {transform:rotate(0deg)}
33% {transform:rotate(30deg)}
66% {transform:rotate(0deg)}
100% {transform:rotate(-30deg)}
}
@-webkit-keyframes lol {
0% {-webkit-transform:rotate(0deg)}
33% {-webkit-transform:rotate(30deg)}
66% {-webkit-transform:rotate(0deg)}
100% {-webkit-transform:rotate(-30deg)}
}

</style>
</head>
<body>
<pre>
**
*  ┏┓   ┏┓+ +
* ┏┛┻━━━┛┻┓ + +
* ┃       ┃  
* ┃   ━   ┃ ++ + + +
<span class="gomyblog">* ████━████ ┃+</span>

* ┃       ┃ +
* ┃   ┻   ┃
* ┃       ┃ + +
* ┗━┓   ┏━┛
*   ┃   ┃           
*   ┃   ┃ + + + +
*   ┃   ┃
*   ┃   ┃ + 神兽保佑
*   ┃   ┃ 代码无bug  
*   ┃   ┃  +         
*   ┃    ┗━━━┓ + +
*   ┃        ┣┓
*   ┃        ┏┛
*   ┗┓┓┏━┳┓┏┛ + + + +
*    ┃┫┫ ┃┫┫
*    ┗┻┛ ┗┻┛+ + + +
*
</pre>
</body>
</html>

 

 

 

console.log('%chello world', 'background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );color:transparent;-webkit-background-clip: text;font-size:5em;');

posted @ 2017-07-07 17:13  郑福坤  阅读(1442)  评论(0编辑  收藏  举报