Skip to content

Instantly share code, notes, and snippets.

@JackieXu

JackieXu/dabblet.css

Created May 29, 2012 13:30
Show Gist options
  • Save JackieXu/2828387 to your computer and use it in GitHub Desktop.
Save JackieXu/2828387 to your computer and use it in GitHub Desktop.
Download ZIP
Deck
Raw
dabblet.css
/**
* Deck
*/
body {
background-color: #000;
}
#deck {
margin-left: 200px;
}
.deckcard {
background: linear-gradient(90deg, #6d326d, #9d669d);
border: 3px solid #fff;
border-radius: 5px;
box-shadow: 1px 2px 2px #111;
height: 180px;
position: absolute;
width: 130px;
}
#card_1 {
margin-left: -10px;
margin-top: -5px;
transform: rotate(70deg);
z-index: 42;
}
#card_2 {
transform: rotate(65deg);
}
#card_3 {
transform: rotate(67deg);
}
#card_4 {
transform: rotate(68deg);
}
/*
#card_1 > img {
margin-left: 18px;
margin-top: 40px;
}
*/
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="deck">
<div class="deckcard" id="card_1">
<!--
<img src="http://i.imgur.com/YhRIQ.png" alt="starapple logo" height="100" width="100" />
-->
</div>
<div class="deckcard" id="card_2"></div>
<div class="deckcard" id="card_3"></div>
<div class="deckcard" id="card_4"></div>
</div>
Raw
settings.json
{"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