Skip to content

Instantly share code, notes, and snippets.

@zincplusplus
Created December 20, 2011 10:22
Show Gist options
  • Save zincplusplus/1501078 to your computer and use it in GitHub Desktop.
Save zincplusplus/1501078 to your computer and use it in GitHub Desktop.
jack frost
/**
* jack frost
**/
background:
radial-gradient(circle, black 3%, transparent 3%) 3px -33px, /* rigth eye */
radial-gradient(circle, black 3%, transparent 3%) -3px -33px, /* left eye */
linear-gradient(75deg, orange 4%, transparent 4%) -50px 8px, /* nose */
radial-gradient(circle, white 15%, transparent 15%) 0 -31px, /* head */
radial-gradient(circle, rgba(0,0,0,.05) 15%, transparent 15%) 0px -30px,/* head shadow */
radial-gradient(circle, red 15%, transparent 15%) 0px -28px, /* neck scarf */
radial-gradient(circle, white 14%, transparent 15%) 0px -15px, /* scarf white mask */
radial-gradient(circle, red 14%, transparent 15%) -2px -17px, /* scarf */
radial-gradient(circle, white 20%, transparent 20%) 0 -17px, /* middle body */
radial-gradient(circle, rgba(0,0,0,.05) 20%, transparent 20%) 0 -15px, /* middle body shadow */
radial-gradient(circle, white 25%, transparent 25%); /* lower body */
background-size: 100px 70px;
background-color: #09c;
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment