<html>
<head>
<style>
img {opacity:0.4; width:150px; height:180px;}
img:hover {opacity:1.0;}
</style>
</head>
<body>
<h1>Image Transparency</h1>
<h2>Part of CSS3</h2>
<img src="/~sultans/javascript/demo/img/book1.jpg" >
<img src="/~sultans/javascript/demo/img/book2.jpg" >
<img src="/~sultans/javascript/demo/img/book3.jpg" >
<br>
<img src="/~sultans/javascript/demo/img/book4.jpg" >
<img src="/~sultans/javascript/demo/img/book5.jpg" >
<img src="/~sultans/javascript/demo/img/book6.jpg" >
</body>
</html>