Skip to content

Instantly share code, notes, and snippets.

@dcardosods

dcardosods/dabblet.css

Created July 30, 2013 19:35
Show Gist options
  • Save dcardosods/6116142 to your computer and use it in GitHub Desktop.
Save dcardosods/6116142 to your computer and use it in GitHub Desktop.
Download ZIP
Desafio CSS 04 - Cone
Raw
dabblet.css
/**
* Desafio CSS 04 - Cone
*/
body {
background: #F5F5F5;
}
.cone {
display: inline-block;
position: relative;
border-width: 130px 130px 260px 130px;
border-style: solid;
border-color: transparent transparent #F7B137 transparent;
border-radius: 0 0 40% 40%;
}
.cone:before {
content: "";
display: inline-block;
position: absolute;
left: -100px;
top: 105px;
z-index: -1;
width: 200px;
height: 200px;
background: #E7A535;
border-radius: 10px;
border-bottom: 3px solid #B07929;
border-right: 3px solid #B07929;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="cone"></div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"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