<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div>
<p>NY City</p>
</div>
body {
background-color: #715555;
}
div {
background: url('https://s-media-cache-ak0.pinimg.com/736x/99/b0/48/99b048e4867553381e6b3a38ccbc332a.jpg') no-repeat;
height: 700px;
width: 500px;
background-position: bottom center;
margin: 0 auto;
box-shadow: -3px 3px 0px 3px #333, -30px 30px 15px rgba(0, 0, 0, .4);
transform: rotate3d(1, 1, 0, 20deg);
transition: all .4s;
border-radius: 10px;
}
div:hover {
box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
transform: rotate3d(1, 1, 0, 0deg);
}
p {
font-size: 40px;
transform: rotate3d(1, 1, 0, 20deg);
position: relative;
left: 100px;
transition: all .4s;
font-family: 'Pacifico', cursive;
}
div:hover p {
transform: rotate3d(1, 1, 0, 0deg);
}
