Welcome to Our Free Tutorial!

New Updates of CSS

  1. CSS enlarge images by mouseover

    We have created a quick example of script that uses CSS. Here’s the code I’ve added to the Dreamweaver code editor.
    //CSS to enlarge image on mouseover
    We have just place this code into under head tag 

    <style type="text/css">
a.enlargeimg:hover img {height: 300px; width:300px;}
img
{
height:200px;
width:200px;
}
</style>
    and just place the image tag in html body. 
    <body>
<a href="#" class="enlargeimg">
<img src="images/globalwarming.jpg" /></a>
</body>
    LIVE DEMO