<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>