<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="dim">
<center>
<a href="https://www.flickr.com/photos/abstract10/13074473043" title="shadow by Jason Jenkins, on Flickr"><img src="https://farm8.staticflickr.com/7377/13074473043_d209983a89_o.png" width="566" height="497" alt="shadow"></a>
<a href="https://www.flickr.com/photos/abstract10/13071751664" title="african by Jason Jenkins, on Flickr"><img src="https://farm8.staticflickr.com/7395/13071751664_9d524a40a2_o.png" width="566" height="497" alt="african"></a>
<br><br>
<a href="https://www.flickr.com/photos/abstract10/13074889004" title="red by Jason Jenkins, on Flickr"><img src="https://farm8.staticflickr.com/7453/13074889004_327d075dd3_o.png" width="566" height="497" alt="red"></a>
<a href="https://www.flickr.com/photos/abstract10/13071526824" title="blackmaster by Jason Jenkins, on Flickr"><img src="https://farm4.staticflickr.com/3790/13071526824_9feea18c47_o.png" width="566" height="497" alt="blackmaster"></a>
</center>
</div>
</body>
</html>
/* Styles go here */
body {
background-color:#000000;
}
.dim img
{
opacity:0.4; filter:alpha(opacity=10); }
.dim img:hover
{ opacity:1.0; filter:alpha(opacity=100);
}