<!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;');