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