SOURCE

console 命令行工具 X clear

                    
>
console
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1096 582" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>
    mask
  </title>
  <defs>
    <path id="mask" d="M233.8 581.33c-6.4 0-12.53-.38-18.4-1.14-30.66-4-49.7-18.1-60.27-29.2-17.25-18.1-26.04-42.5-24.74-68.6.7-15.7 5-31.9 13.1-49.3 10.2-22.2 26.5-46.7 51.2-77.3C235 306.3 290.2 250.2 343.5 196c11.07-11.2 21.88-22.2 32.27-32.83-26.7 6.44-58.6 14.7-96.7 25.34-97.4 27.2-185.9 56-186.8 56.3-37.03 12.1-76.8-8.2-88.87-45.2-12.07-37 8.16-76.8 45.18-88.8 4.6-1.5 113.74-37 227.04-67.4C343.5 25.1 398.8 12.5 440.04 5.9 468 1.4 490.24-.5 508.08.12c59.8 2.06 81 35.23 88.3 54.82 14.8 39.6-6.7 74.05-13.8 85.37-8.24 13.3-19.7 28.2-36.1 47-26.95 31-63.62 68.3-102.46 107.7-38.93 39.6-79.2 80.5-112.3 117.7 2.77-1.02 5.5-2.1 8.4-3.2 56-21.8 119.3-50.6 180.56-78.44 51.24-23.3 99.64-45.34 137.57-60.24 22.75-8.9 40.08-14.7 54.56-18.13 11.2-2.67 21.1-4 30.3-4.1h1c26.96 0 44.8 10.9 55.1 20.13 12.9 11.5 34.15 37.5 31.45 81.75-1.06 17.3-5.45 33.68-9.33 48.1-.84 3.18-1.85 6.94-2.8 10.67 15.58 1.67 44.94 2.1 95.9-5 49.9-6.95 93.2-17.5 93.63-17.6 37.8-9.25 75.94 13.88 85.2 51.68 9.28 37.8-13.82 75.98-51.62 85.27-2.1.5-52.64 12.86-111.67 20.9C808.63 560.75 761 544 735.66 530c-37-20.53-58.68-54.9-61.08-96.8-.35-5.7-.3-11.26 0-16.7-28.4 12.2-61.2 27.13-95.6 42.8-70.92 32.26-151.3 68.84-218.15 92.86-39.24 14.1-70.88 22.85-96.7 26.74-10.93 1.65-21 2.47-30.4 2.47"/>
  </defs>
  <g fill="none" fill-rule="evenodd">
    <mask id="b" fill="#fff">
      <use xlink:href="#mask"/>
    </mask>
    <use fill="#362B3A" xlink:href="#mask"/>
			<image mask="url(#b)" x="-80" y="-280" xlink:href="https://fillmurray.com/1200/1200" width="1200" height="1200"/>
		<path stroke="#362B3A" stroke-width="160" d="M1238.66 404.16s-406.73 97.76-468.3 63.63c-61.54-34.2 14.07-118.7-17.82-147.3-31.9-28.6-489.95 240-545.9 181.3C150.7 443.2 548.1 125.2 530.87 79.1 513.64 33-15.8 199.43-15.8 199.43" stroke-linecap="round" stroke-linejoin="round"/>
		
	</g>
</svg>
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	background: #362B3A;
}
body {
		display: flex;
}

svg {
	margin: auto;
	width: 50vw;
	height: auto;
}


svg {
	stroke-dashoffset: 0;
	stroke-dasharray: 2500;
  animation: dash 5s, rotate 5s;
	animation-iteration-count: infinite;
}
@keyframes dash {
  to {
    stroke-dashoffset: 2500;
  }
}
@keyframes rotate {
	to {
	transform: rotate(20deg);
  transform-origin: 80%;
	}
}