[dohtml]<link href='http://fonts.googleapis.com/css?family=Oswald|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<style type="text/css">
.snaps { width:284px; height: 594px; background-image:url(http://imgur.com/Atr63LM.png); margin:auto;}
.snaps_not { font-family:oswald; text-align:center; padding-top:70px; font-size:30px; color:#8d6496; }
.snaps_play { border-radius:50%; background-color:#8d6496; font-size:40px; color:#fff; width:100px; padding-top:35px; padding-bottom:45px; margin:auto; text-align:center;}
.snap_logo { color:#fff; font-family:oswald; text-transform:uppercase; letter-spacing:2px; text-align:center; padding-top:94px; }
.snap_container { width:243px; height:400px; overflow:hidden; z-index:3; position:relative; margin-left:23px; margin-top:2px;}
.snap_one { width:243px; height:400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; }
.snap_two {width:243px; height:400px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; }
.snap_container:hover .snap_one { margin-left:243px; margin-top:-400px;}
.snap_container:hover .snap_two { }
.snap_pic { background-image:url(http://placehold.it/243x400); width:243px; height:400px;}
.snap_over { background-image:url(http://i.imgur.com/Jd8WqEb.png); width:243px; height:400px; }
.snap_message { background-color:rgba(0,0,0,0.7); font-family:open sans condensed; font-size:12px; text-align:center; color:#fff; padding:5px; word-spacing:3px; letter-spacing:1px; }
.creds { font-family:calibri; font-size:7px; text-transform:uppercase; letter-spacing:1px; margin-auto; text-align:right; width:200px; }
.creds a { color:#cccccc; }
</style>
<div class="snaps">
<div class="snap_logo"><img src="http://i.imgur.com/VXc7Pgy.png" height="20" /> SNAPCHAT</div>
<div class="snap_container">
<div class="snap_one">
<div class="snaps_not"> NEW SNAPCHAT</div>
<div style="padding-top:20px;"></div>
<div class="snaps_play">▶</div></div>
<div class="snap_two"><div class="snap_pic"><div class="snap_over">
<div style="padding-top:185px"></div>
<div class="snap_message">
I AM DA BEST THERE EVA WUZ
</div>
</div></div></div></div></div>
<center><div class="creds"><a href="http://athousandfireflies.jcink.net/index.php?showuser=18">© MERC</a></div></center>
[/dohtml]
Accueil 
