Skip to content

Instantly share code, notes, and snippets.

@danieltott
Created March 26, 2013 00:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danieltott/5242050 to your computer and use it in GitHub Desktop.
Save danieltott/5242050 to your computer and use it in GitHub Desktop.
#cylinder div{
border: 5px solid blue;
-webkit-border-radius: 100px;
height: 100px;
width: 100px;
position: absolute;
top: 0;
left: 0;
}
#cylinder .slice-2{ -webkit-transform: translateZ(2px); }
#cylinder .slice-3{ -webkit-transform: translateZ(3px); }
#cylinder .slice-4{ -webkit-transform: translateZ(4px); }
#cylinder .slice-5{ -webkit-transform: translateZ(5px); }
#cylinder .slice-6{ -webkit-transform: translateZ(6px); }
#cylinder .slice-7{ -webkit-transform: translateZ(7px); }
#cylinder .slice-8{ -webkit-transform: translateZ(8px); }
#cylinder .slice-9{ -webkit-transform: translateZ(9px); }
...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment