制作時間4時間超えです。ちなみにPureCSSですがclip-pathは未使用。アーニャCSSが好き！

とりあえず完成品

See the Pen Pure CSS アーニャ by Leo_8192 (@Leo_8192) on CodePen.

割と可愛く作れて草。

大きいアーニャちゃん

うーん、かわいい。

小さいアーニャちゃん

小さくてもかわいい。

高速移動アーニャちゃん

はやい。

震えるアーニャちゃん

落ち着いてほしい。

アーニャちゃんの作り方

これいる？

<div class="sf_container">
	<div class="sf_wrap">
		<div class="sf">SPY×FAMILY</div>
	</div>
	<div class="base">
		<div class="skin"></div>
		<div class="hair_base"></div>
		<div class="hair_ahoge"></div>
		<div class="hair_left_1"></div>
		<div class="hair_left_2"></div>
		<div class="hair_left_3"></div>
		<div class="hair_left_4"></div>
		<div class="hair_left_5"></div>
		<div class="hair_right_1"></div>
		<div class="hair_right_2"></div>
		<div class="hair_right_3"></div>
		<div class="hair_right_4"></div>
		<div class="hair_right_5"></div>
		<div class="hair_bangs_1 bangs"></div>
		<div class="hair_bangs_2 bangs"></div>
		<div class="hair_bangs_3 bangs"></div>
		<div class="hair_bangs_4 bangs"></div>
		<div class="hair_bangs_5 bangs"></div>
		<div class="hair_bangs_6 bangs"></div>
		<div class="hair_bangs_7 bangs"></div>
		<div class="hair_bangs_8 bangs"></div>
		<div class="tuno_left">
			<div class="tuno_pat"></div>
		</div>
		<div class="tuno_right">
			<div class="tuno_pat"></div>
		</div>
		<div class="eye_left">
			<div class="eye_ball"></div>
		</div>
		<div class="eye_left_top"></div>
		<div class="eyebrows_left"></div>
		<div class="eye_right">
			<div class="eye_ball"></div>
		</div>
		<div class="eye_right_top"></div>
		<div class="eyebrows_right"></div>
		<div class="mouth_1"></div>
		<div class="mouth_2"></div>
		<div class="nose"></div>
		<div class="cheek_1"></div>
		<div class="cheek_2"></div>
	</div>
</div>

CSSは長すぎるので割愛。ただのゴリ押しです。

最後に

CSSだけで割と何でも作れるから、みんなもPureCSSアートで遊ぼうね！