Crab

https://danielpietrasik.pl/css-formy-i-struktury/

by Daniel Pietrasik

HTML

<!-- 
 - CSS Formy i struktury tworzone za pomocą kodu
 - https://danielpietrasik.pl/css-formy-i-struktury/
-->

<div id="crab"></div>

CSS

/**
 * CSS Formy i struktury tworzone za pomocą kodu
 * https://danielpietrasik.pl/css-formy-i-struktury/
 **/

#crab {
  font-size: 12px;
	box-shadow:
		0 0 0 1em #F34A53,
		0 1em 0 1em #F34A53,
		-2.5em 1.5em 0 .5em #F34A53,
		2.5em 1.5em 0 .5em #F34A53,
		-3em -3em 0 0 #F34A53,
		3em -3em 0 0 #F34A53,
		-2em -2em 0 0 #F34A53,
		2em -2em 0 0 #F34A53,
		-3em -1em 0 0 #F34A53,
		-2em -1em 0 0 #F34A53,
		2em -1em 0 0 #F34A53,
		3em -1em 0 0 #F34A53,
		-4em 0 0 0 #F34A53,
		-3em 0 0 0 #F34A53,
		3em 0 0 0 #F34A53,
		4em 0 0 0 #F34A53,
		-5em 1em 0 0 #F34A53,
		-4em 1em 0 0 #F34A53,
		4em 1em 0 0 #F34A53,
		5em 1em 0 0 #F34A53,
		-5em 2em 0 0 #F34A53,
		5em 2em 0 0 #F34A53,
		-5em 3em 0 0 #F34A53,
		-3em 3em 0 0 #F34A53,
		3em 3em 0 0 #F34A53,
		5em 3em 0 0 #F34A53,
		-2em 4em 0 0 #F34A53,
		-1em 4em 0 0 #F34A53,
		1em 4em 0 0 #F34A53,
		2em 4em 0 0 #F34A53;
	background: #F34A53;
	width: 1em;
	height: 1em;
	margin: 80px auto;
}