JSFiddle - React, Tailwind, and code Playground
by Victor
HTML
<div class="title">Lady
</div>
<div class="chest">
<img alt=""...
CSS
@import url(http://fonts.googleapis.com/css?family=Lily+Script+One);
body {
text-align:center;
font-family:sans-serif;
background:#B53E3E;
color:white;
text-shadow: 2px 2px 0 #999, 3px 3px 0 #962A42;
}
.chest {
width:100%;
text-align: center;
}
.chest img {
width:80px;}
.title {
font-family:"Lily Script One";
font-size:80px;
text-align: center;;
text-shadow: 3px 3px 0 #999, 5px 5px 0 #962A42;
}
.valentine {
font-family:"Lily Script One";
font-size:40px;
display:block;
text-align: center;;
}
.callMe {
color:#B53E3E;
padding:20px 40px;
text-shadow:none;
background:white;
border-radius:10px;
display:inline-block;
margin-top:20px;
text-decoration: none;
font-weight:bolder;
box-shadow:1px 1px 0 #962A42,2px 2px 0 #962A42,3px 3px 0 #962A42,4px 4px 0 #962A42;
font-size:20px;
}
JavaScript
setInterval(function() {
$('.chest img').animate({width: "90px"}, 500).animate({width: "100px"}, 500);
}, 1000);
http://jsfiddle.net/plastclens/H854w/embedded/result/