translate(-40px, -500px) rotate(0deg) translate(40px, 0);}#sp32 { height: 1000px; overflow: hidden; width: 25px; -webkit-transition-property: width; -webkit-transition-duration: 1s; -moz-transition-property: width; -moz-transition-duration: 1s;}#card2:hover #sp32 { width: 11px;}.s2 { height: 388px; position: absolute; overflow: hidden; width: 285px; z-index: 3;}#s22 { position: absolute; -webkit-transform-origin: 45px 500px; -webkit-transform: translate(240px, -500px) rotate(-32deg); -webkit-transition-property: -webkit-transform, -webkit-transform-origin; -webkit-transition-duration: 1s; -moz-transform-origin: 45px 500px; -moz-transform: translate(240px, -500px) rotate(-32deg); -moz-transition-property: -moz-transform, -moz-transform-origin; -moz-transition-duration: 1s;}#sp22 { height: 1000px; overflow: hidden; width: 15px;}#s42 { opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;}#card2:hover #s42 { opacity: 0;}#card2:hover #s22 { -webkit-transform-origin: 300px 500px; -webkit-transform: translate(-15px, -500px) rotate(0deg); -moz-transform-origin: 300px 500px; -moz-transform: translate(-15px, -500px) rotate(0deg);}#p32 { height: 1388px; overflow: hidden; width: 1285px;}#p32 > div { background-image: url(https://4.bp.blogspot.com/-BQ35on0HpTA/WFv9AQ85kCI/AAAAAAAARGg/UhGLDNU5sGguW3JuKrDilzQtlit8Yx_LwCLcB/s1600/capa3.jpg); box-shadow: 0 0 11px rgba(0, 0, 0, .5); overflow: hidden; height: 388px; width: 285px; -webkit-transform-origin: 0 0; -webkit-transform: translate(1255px, 500px) rotate(-32deg); -webkit-transition-property: -webkit-transform, -webkit-transform-origin; -webkit-transition-duration: 1s; -moz-transform-origin: 0 0; -moz-transform: translate(1255px, 500px) rotate(-32deg); -moz-transition-property: -moz-transform, -moz-transform-origin; -moz-transition-duration: 1s;}#p32 > div > div { float: right; height: 500px; width: 9px;}#card2:hover #r12 { -webkit-transform-origin: 1570px 500px; -webkit-transform: translate(-1285px, -500px) rotate(0deg); -moz-transform-origin: 1570px 500px; -moz-transform: translate(-1285px, -500px) rotate(0deg);}#card2:hover #p12 > div { -webkit-transform-origin: 285px 0; -webkit-transform: translate(1285px, 500px) rotate(0deg); -moz-transform-origin: 285px 0; -moz-transform: translate(1285px, 500px) rotate(0deg);}#card2:hover #r32 { -webkit-transform-origin: 1570px 500px; -webkit-transform: translate(-1285px, -500px) rotate(0deg); -moz-transform-origin: 1570px 500px; -moz-transform: translate(-1285px, -500px) rotate(0deg);}#card2:hover #p32 > div { -webkit-transform-origin: 0 0; -webkit-transform: translate(1000px, 500px) rotate(0deg); -moz-transform-origin: 0 0; -moz-transform: translate(1000px, 500px) rotate(0deg);}#conteudo2 { color: #FFF; display: block; font-family: 'Gabriela', serif; font-size: 12px; height: 200px; margin: -20000px 0 0; position: absolute; text-align: center; width: 250px; z-index: 3; -webkit-transition-duration: 0.01s; -webkit-transition-property: margin; -moz-transition-duration: 0.01s; -moz-transition-property: margin;}#card2:hover #conteudo2 { margin: 30px 0 0 15px; -webkit-transition-delay: .8s; -moz-transition-delay: .8s;}.Feeed2{ padding: 5px; color: #fff; font-family: 'Gabriela', serif; font-size: 12px; text-align: center;}.assine2 a{color:#7e0e1a; /* cor do link */text-decoration: none;border-bottom: 1px dashed;}/* AREA GERAL DO WIDGET */.assine2{margin:10px;margin-top:-10px;color:#fff;}/* BOTAO ASSINAR */.assine2 input[type="submit"]{background:#7e0e1a;color:#fff;padding:3px 8px;border-radius:5px;margin:5px;border:0;}.assine2 input[type="submit"]:hover{background:#bf0c20;color:#fff;}/* AREA ONDE DIGITA O EMAIL */.assine2 input[type="text"]{width:200px !important;padding:6px;border-radius:5px;margin:5px;box-shadow:inset 0 2px 3px #aaa;border:0}</style><br /><div id="card2"><div id="r12"><div id="p12"><div><div></div></div></div></div><div id="p22"><div></div></div><div id="r32"><div id="p32"><div><div></div></div></div></div><div class="s2"><div id="s32"><div id="sp32"></div></div></div><div class="s2" id="s42"><div id="s22"><div id="sp22"></div></div></div><div id="conteudo2">ESCREVA AQUI<div style="text-align: center;"><div class="Feeed2"><!--INICIO CANDY FEEDBURNER--><br /><div center="" class="assine2"><!--FORMULARIO INSCRICAO EMAIL--><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=XXXX', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="border: 0; padding: 3px;" target="popupwindow">Por isso, digite seu e-mail abaixo e receba atualizacoes do <a href="http://feeds.feedburner.com/XXXX">NOME DO SEU BLOG</a>:<br /><center><input name="email" style="width: 250px;" type="text" /><br /><input name="uri" type="hidden" value="XXXX" /><input name="loc" type="hidden" value="pt_BR" /><input type="submit" value="OK" /></center></form></div></div><!--FIM CANDY FEEDBURNER by www.candylland.org--></div><div style="clear: both;"></div></div></div> 2o Modelo Rosa:@import url('https://fonts.googleapis.com/css?family=Gabriela');/*area geral do cartao*/#card { height: 450px;/*altura*/ padding: 0 0 0 300px; position: relative; width: 300px;/*largura*/}#r1 { position: absolute; z-index: 2; -webkit-transform-origin: 1315px 500px; -webkit-transform: translate(-1030px, -500px) rotate(-32deg); -webkit-transition-property: -webkit-transform, -webkit-transform-origin; -webkit-transition-duration: 1s; -moz-transform-origin: 1315px 500px; -moz-transform: translate(-1030px, -500px) rotate(-32deg); -moz-transition-property: -moz-transform, -moz-transform-origin; -moz-transition-duration: 1s;}#p1 { height: 1388px; overflow: hidden; width: 1285px;}#p1 > div { background-image: url(http://2.bp.blogspot.com/-rQ73NRL9fy8/U9L2w9_uaKI/AAAAAAAANiQ/d2YV5XqsZRQ/s1600/capa.jpg); height: 388px; width: 285px; -webkit-transform-origin: 285px 0; -webkit-transform: translate(1030px, 500px) rotate(32deg); -webkit-transition-property: -webkit-transform, -webkit-transform-origin; -webkit-transition-duration: 1s; -moz-transform-origin: 285px 0; -moz-transform: translate(1030px, 500px) rotate(32deg); -moz-transition-property: -moz-transform, -moz-transform-origin; -moz-transition-duration: 1s;}#p1 > div > div { height: 388px; width: 10px;} #p2 > div { background-image: url(http://4.bp.blogspot.com/-c0PhtNVLucw/U9L2L6tzcaI/AAAAAAAANiE/LetlZyACkLM/s1600/folha.jpg); box-shadow: 0 0 11px rgba(0, 0, 0, .5); height: 388px; position: absolute; width: 285px; z-index: 1;}#r3 { position: absolute; z-index: 2; -webkit-transform-origin: