<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="moon">
<center>
<a href="http://thenocklist.com/brands/burntlabel.html" title="BURNT LABEL NEW by Jason Jenkins, on Flickr"><img src="https://farm7.staticflickr.com/6181/6062355149_43bbb7958a_n.jpg" width="320" height="54" alt="BURNT LABEL NEW"></a>
<a href="http://thenocklist.com/" title="the nocklist logo WORDPRESS by Jason Jenkins, on Flickr"><img src="https://farm7.staticflickr.com/6208/6065826031_df157d9b36_n.jpg" width="320" height="54" alt="the nocklist logo WORDPRESS"></a>
<a href="http://wildhairart.wordpress.com/" title="WILD HAIR LOGO by Jason Jenkins, on Flickr"><img src="https://farm7.staticflickr.com/6074/6067668339_023320d3e0_n.jpg" width="320" height="54" alt="WILD HAIR LOGO"></a>
</center>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
body {
background-color:#000000;
margin-top: 195px;
}
.moon img {
width:320px; height:54px; transition:width 2s, height 2s, transform 2s; -webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari */
}
.moon img:hover {
width:320px; height:54px; transform:rotate(360deg); -webkit-transform:rotate(360deg); /* Safari */
}