<style type="text/css">
body {
background-image:url(bg.jpg);
background-attachment:inherit;
padding: 70px;
}
img {
border: 15px solid white;
border-radius:10px;
box-shadow:2px 2px 5px gray;
margin-bottom:10px; /* added just to give the shadow some
breathing space */
-webkit-box-shadow:2px 2p...
<style type="text/css">
body {
background-image:url(bg.jpg);
background-attachment:inherit;
padding: 70px;
}
img {
border: 15px solid white;
border-radius:10px;
box-shadow:2px 2px 5px gray;
margin-bottom:10px; /* added just to give the shadow some
breathing space */
-webkit-box-shadow:2px 2px 15px black, -2px -2px 15px black;
box-shadow:2px 2px 15px red, -2px -2px 15px black;
-webkit-transition : all 1s;
-moz-transition : all 1s;
-o-transition : all 1s;
}
img:hover {
-webkit-transform : scale(0.8) rotate(360deg);
-moz-transform: scale(1.0) rotate(360deg);
-o-transform: scale(1.0) rotate(5deg);
}
</style>
<body>
<center>
<img src="gbr.jpg"width="400"height="300"/></center>
</body> 
