SOURCE

console 命令行工具 X clear

                    
>
console
<svg>
<g id="background">
	<circle id="XMLID_1_" class="background" cx="125" cy="126.1" r="120"/>
</g>
<g id="title">
	<g id="XMLID_3_" class="text">
		<path id="XMLID_4_" d="M51.2,128.8c-2.4-0.9-4.5-1.9-6.4-3c-1.9-1.1-3.5-2.4-4.8-3.9c-1.3-1.5-2.4-3.3-3.1-5.4
			c-0.7-2.1-1.1-4.6-1.1-7.5c0-3.6,0.6-6.7,1.8-9.4c1.2-2.7,2.9-5,5.2-6.8c2.2-1.8,4.9-3.2,8-4.2c3.1-0.9,6.7-1.4,10.6-1.4
			c3.6,0,6.9,0.3,10,0.9c3.1,0.6,6.4,1.5,9.8,2.7c-0.4,4-1.5,8-3.3,11.9c-1-0.4-2.1-0.8-3.2-1.3c-1.1-0.4-2.2-0.8-3.4-1
			c-1.2-0.3-2.6-0.5-4.1-0.7c-1.5-0.2-3.3-0.3-5.2-0.3c-1.2,0-2.4,0.1-3.6,0.3c-1.2,0.2-2.3,0.6-3.3,1.1c-1,0.6-1.8,1.4-2.4,2.5
			c-0.6,1.1-0.9,2.5-0.9,4.2c0,1.4,0.2,2.6,0.7,3.5c0.5,0.9,1.1,1.7,2,2.4c0.8,0.7,1.8,1.2,2.8,1.7c1,0.5,2.1,0.9,3.1,1.3l6.3,2.4
			c2.6,1,5,2.1,7.2,3.2c2.2,1.1,4,2.5,5.5,4.1c1.5,1.6,2.7,3.6,3.5,6c0.8,2.3,1.3,5.2,1.3,8.6c0,3.6-0.6,6.8-1.9,9.7
			c-1.3,2.9-3.2,5.4-5.6,7.5c-2.4,2.1-5.5,3.7-9,4.9c-3.6,1.2-7.7,1.8-12.4,1.8c-2.3,0-4.4-0.1-6.2-0.2c-1.8-0.1-3.5-0.4-5.2-0.7
			c-1.6-0.3-3.3-0.7-4.9-1.2c-1.6-0.5-3.3-1.1-5-1.8c0.2-2,0.6-4.1,1.1-6.3c0.6-2.2,1.2-4.4,2-6.6c2.9,1.2,5.7,2.1,8.3,2.7
			c2.6,0.6,5.3,0.9,8.3,0.9c4.4,0,7.8-0.8,10.3-2.5c2.5-1.6,3.8-4.1,3.8-7.5c0-1.7-0.3-3.1-0.9-4.2c-0.6-1.1-1.4-2.1-2.3-2.8
			c-0.9-0.8-2-1.4-3.2-1.9c-1.2-0.5-2.4-1-3.7-1.5L51.2,128.8z"/>
		<path id="XMLID_6_" d="M88.8,88.5c1.2-0.1,2.5-0.3,4.1-0.4c1.5-0.1,2.9-0.2,4.1-0.2c2.6,0,5.4,0.2,8.4,0.6l16.4,59.2l16.6-59.2
			c1.4-0.2,2.7-0.3,4-0.4c1.3-0.1,2.6-0.1,3.9-0.1c1.3,0,2.5,0,3.8,0.1c1.3,0.1,2.6,0.2,4,0.4l-24.2,75.1c-1.5,0.2-2.9,0.4-4.2,0.5
			c-1.4,0.1-2.8,0.2-4.3,0.2c-1.4,0-2.8-0.1-4.1-0.2c-1.3-0.1-2.8-0.3-4.4-0.5L88.8,88.5z"/>
		<path id="XMLID_8_" d="M200.9,124.7c2.6-0.4,5.1-0.6,7.5-0.6c2.4,0,5,0.2,7.6,0.6v36.9c-3.6,1.3-7.4,2.2-11.3,2.7
			c-3.9,0.5-7.4,0.7-10.3,0.7c-6.1,0-11.5-1-16.1-2.9c-4.6-1.9-8.4-4.6-11.5-8s-5.4-7.5-6.9-12.3c-1.5-4.7-2.3-9.9-2.3-15.5
			c0-5.6,0.8-10.7,2.4-15.5c1.6-4.8,3.9-8.9,6.9-12.4c3-3.5,6.8-6.2,11.2-8.1c4.4-1.9,9.5-2.9,15.1-2.9c3.3,0,6.5,0.2,9.3,0.6
			c2.9,0.4,5.9,1.3,9,2.6c-0.1,2.1-0.6,4.1-1.3,6.1c-0.7,2-1.5,4-2.3,6c-2.4-0.8-4.6-1.4-6.5-1.8c-1.9-0.3-4.1-0.5-6.7-0.5
			c-6.7,0-11.8,2.2-15.4,6.5c-3.6,4.4-5.4,10.8-5.4,19.4c0,8.6,1.8,15,5.3,19.2c3.6,4.2,8.8,6.3,15.7,6.3c1.2,0,2.2-0.1,3.2-0.2
			c0.9-0.1,1.8-0.3,2.6-0.4V124.7z"/>
	</g>
</g>
</svg>
body{
  background: #252525; 
}
svg{
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width: 250px;
  height: 250px;
  margin: auto;
}
.background{
  fill:none;
  stroke: #fafafa;
  stroke-width:5px;
  stroke-dasharray: 800px;
  stroke-dashoffset: 0;
  opacity: 0;
  animation: 4s circle-outline infinite alternate;
}
svg path{
  fill:none;
  stroke: #fafafa;
  stroke-width:3px;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  opacity: 0;
  animation: 4s text-outline infinite alternate;
}
@keyframes circle-outline{
  from{
    stroke-dashoffset: 800;
    opacity: 0;
  }
  to{
    opacity: 1;
    stroke-dashoffset: 0;
  }
}
@keyframes text-outline{
  from{
    opacity: 0;
    stroke-dashoffset: 400;
  }
  to{
    opacity: 1;
    stroke-dashoffset: 0;
  }
}