CSS 3 : Card Flips

by richardneililagan

HTML

<div class="deck">
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
    <div class="card"></div>
</div>

CSS

.deck {
    width:490px; margin:10px auto; position:relative; 
    top:100px;
}

.card {
    width:70px;
    height:120px;
    float:left;
    background-color:#f60;
}