Skip to content

Instantly share code, notes, and snippets.

@jaimeguaman
Created September 16, 2013 18:21
Show Gist options
  • Save jaimeguaman/6584469 to your computer and use it in GitHub Desktop.
Save jaimeguaman/6584469 to your computer and use it in GitHub Desktop.
CSS Gradient Yin Yang.
/* CSS Gradient Yin Yang. */
html{
background: radial-gradient(circle at 50% 33.3%, black 3%, white 2%, white 17.8%, transparent 0) no-repeat, radial-gradient(circle at 50% 66.8%, white 3%, black 2%, black 17.8%, transparent 0) no-repeat, radial-gradient(circle at 50% 50%, transparent 40%, black 41%, white 25%)no-repeat, -webkit-linear-gradient(left, white 50%, black 50%) no-repeat;
background-size:800px 600px;
}
<!-- content to be placed inside <body>…</body> -->
// alert('Hello world!');
{"view":"split-vertical","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