Skip to content

Instantly share code, notes, and snippets.

@jsnkuhn
Created July 8, 2012 14:53
Show Gist options
  • Save jsnkuhn/3071263 to your computer and use it in GitHub Desktop.
Save jsnkuhn/3071263 to your computer and use it in GitHub Desktop.
Old Man (box-shadow)
/* Old Man (box-shadow)*/
body{background:#000;color:#fff;}
a{color:#f00;}
#art {
width: 128px;
height: 128px;
}
#art div{
width: 8px;
height: 8px;
background: transparent;
box-shadow: 32px 8px #ffffff,32px 16px #ff9152,32px 24px #ff9152,40px 0px #ff9152,40px 8px #ff9152,40px 16px #ff9152,40px 24px #ff9152,48px 0px #ff9152,56px 0px #ff9152,64px 0px #ff9152,72px 0px #ff9152,80px 0px #ff9152,80px 8px #ff9152,80px 16px #ff9152,80px 24px #ff9152,88px 16px #ff9152,88px 24px #ff9152,48px 32px #ff9152,56px 32px #ff9152,64px 32px #ff9152,72px 32px #ff9152,48px 8px #ffffff,72px 8px #ffffff,56px 8px #ff9f5e,56px 24px #ff9f5e,56px 16px #ff9f5e,64px 8px #ff9f5e,64px 16px #ff9f5e,64px 24px #ff9f5e,88px 8px #ffffff,80px 32px #ffffff,80px 40px #ffffff,80px 48px #ffffff,88px 40px #ffffff,88px 48px #ffffff,88px 56px #ffffff,96px 56px #ffffff,96px 64px #ffffff,40px 32px #ffffff,40px 40px #ffffff,40px 48px #ffffff,32px 40px #ffffff,32px 48px #ffffff,32px 56px #ffffff,24px 56px #ffffff,24px 64px #ffffff,48px 40px #ffffff,56px 40px #ffffff,64px 40px #ffffff,72px 40px #ffffff,48px 56px #ffffff,56px 56px #ffffff,64px 56px #ffffff,72px 56px #ffffff,48px 64px #ffffff,56px 64px #ffffff,64px 64px #ffffff,72px 64px #ffffff,48px 72px #ffffff,56px 72px #ffffff,64px 72px #ffffff,72px 72px #ffffff,56px 80px #ffffff,64px 80px #ffffff,48px 120px #ffb675,40px 120px #ffb675,80px 120px #ffb675,72px 120px #ffb675,120px 64px #ffb675,120px 72px #ffb675,120px 80px #ffb675,0px 64px #ffb675,0px 72px #ffb675,0px 80px #ffb675,88px 32px #c73d2e,96px 40px #c73d2e,104px 48px #c73d2e,112px 56px #c73d2e,96px 48px #c73d2e,104px 56px #c73d2e,112px 64px #c73d2e,104px 64px #c73d2e,104px 72px #c73d2e,112px 72px #c73d2e,112px 80px #c73d2e,112px 88px #c73d2e,104px 80px #c73d2e,104px 88px #c73d2e,104px 96px #c73d2e,112px 96px #c73d2e,104px 104px #c73d2e,96px 72px #c73d2e,96px 80px #c73d2e,96px 88px #c73d2e,96px 96px #c73d2e,88px 64px #c73d2e,88px 72px #c73d2e,88px 120px #c73d2e,96px 120px #c73d2e,88px 112px #c73d2e,88px 104px #c73d2e,80px 56px #c73d2e,80px 64px #c73d2e,80px 72px #c73d2e,80px 80px #c73d2e,80px 88px #c73d2e,80px 96px #c73d2e,80px 104px #c73d2e,80px 112px #c73d2e,32px 120px #c73d2e,24px 120px #c73d2e,32px 112px #c73d2e,32px 104px #c73d2e,40px 104px #c73d2e,40px 112px #c73d2e,16px 104px #c73d2e,8px 96px #c73d2e,16px 96px #c73d2e,24px 96px #c73d2e,24px 88px #c73d2e,24px 80px #c73d2e,24px 72px #c73d2e,16px 80px #c73d2e,8px 80px #c73d2e,8px 88px #c73d2e,16px 88px #c73d2e,16px 64px #c73d2e,8px 64px #c73d2e,8px 72px #c73d2e,16px 72px #c73d2e,16px 56px #c73d2e,8px 56px #c73d2e,16px 48px #c73d2e,24px 40px #c73d2e,32px 32px #c73d2e,24px 48px #c73d2e,32px 64px #c73d2e,32px 72px #c73d2e,40px 96px #c73d2e,40px 88px #c73d2e,40px 80px #c73d2e,40px 72px #c73d2e,40px 64px #c73d2e,40px 56px #c73d2e,48px 112px #c73d2e,56px 112px #c73d2e,56px 120px #c73d2e,64px 120px #c73d2e,64px 112px #c73d2e,72px 112px #c73d2e,72px 104px #c73d2e,64px 104px #c73d2e,56px 104px #c73d2e,48px 104px #c73d2e,48px 96px #c73d2e,56px 96px #c73d2e,64px 96px #c73d2e,72px 96px #c73d2e,72px 80px #c73d2e,72px 88px #c73d2e,64px 88px #c73d2e,56px 88px #c73d2e,48px 88px #c73d2e,48px 80px #c73d2e,72px 16px #000,72px 24px #000,48px 16px #000,48px 24px #000,48px 48px #000,56px 48px #000,64px 48px #000,72px 48px #000;
}
<div id="art">
<div></div>
</div>
<p>Made with <a href="http://kushagragour.in/lab/picssel-art/">piCSSel-art</a></p>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment