Skip to content

Instantly share code, notes, and snippets.

@lindsayevans

lindsayevans/HTML+CSS 3D Cube

Created April 16, 2009 10:05
Show Gist options
  • Save lindsayevans/96346 to your computer and use it in GitHub Desktop.
Save lindsayevans/96346 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML+CSS 3D Cube
<html><head><title/></head><body><style type="text/css">
body {
background:#333;
}
div {
width:100px;
height:100px;
position: absolute;
top: 50px;
left: 300px;
background: #e3e3e3;
border-top: 33px solid #999;
border-left: 33px solid #666;
}
div>div {
width:0;
height:0;
position: absolute;
top: -33px;
left: 67px;
border-top: 33px solid #333;
border-left: 33px solid #999;
}
div>div>div {
width:0;
height:0;
position: absolute;
top: 67px;
left: -133px;
border-top: 33px solid #666;
border-left: 33px solid #333;
}
</style>
<div><div><div/></div></div></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment