¡Regalo!

<div class="bt-regalo" ><div><img src="https://cdn141.picsart.com/318657341207211.png?type=webp&to=min&r=640" class="monio"/><div class="bt-rbarra"><div class="bt-rbarrafondo" style="background:#2d802d;"><div class="bt-regalocontenido"><img src="https://placehold.jp/300x260.png"/></div></div></div></div></div><div class="cred" style="position:relative; left:55px"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.bt-regalo{width:400px; height:400px; border:1px solid #ddd; margin:80px auto 50px; background:#eee; display:flex; align-items:center; justify-content:center; border-radius:40px; background: linear-gradient(20deg,#a12a2a, #c49c2d); box-shadow:1px 1px 6px #444} .bt-rbarra{width:300px;border:1px solid #ddd; padding:2px;} .bt-rbarrafondo{background:#ccc; width:1%; min-height:10px;webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s; transition-delay:1.2s} .bt-regalo:hover .bt-rbarrafondo{width:100%; webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s; background:rgba(255,255,255,.2)!important;} .bt-regalo .bt-regalocontenido{height:0px;webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s;} .bt-regalo:hover .bt-regalocontenido,.bt-regalo:hover .bt-regalocontenido img{height:260px; webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s; transition-delay:1.9s;} .monio{width:160px; display:block; margin:-120px auto 10px;} .bt-regalocontenido img{width:300px; height:0; webkit-transition: 1.5s;-o-transition: 1.5s;transition: 1.5s; display:block; margin:0 auto;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee; } .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;}</style>