• Montage tag7

    Même principe, en rond; filtre détection de bord/contour/néon.

    Survolez le montage. "Yucca boum" ... comme chantait Maurice Chevalier !

     

     

     


    Code:
    <div id="aa">
    <p id="ab">&nbsp;</p>
    <p id="ac">&nbsp;</p>
    </div>
    <style type="text/css"><!--
    #aa{ position:relative; width:600px; height:600px; border-radius:50%; border:6px double white; }
    #ab{ transition:all 2s linear; position:absolute; z-index:5; width:600px; height:600px; border-radius:50%;box-shadow:inset 6px 6px 20px white, inset -6px -6px 12px 5px grey; background:url('http://ekladata.com/RTkdKkv8Mh1qY7QitEKGoFPdxtE/6501s.jpg'); opacity:1;}
    #ac{ position:absolute; z-index:1; width:600px; height:600px; border-radius:50%; box-shadow:inset -6px -6px 12px white, inset 6px 6px 20px 5px grey; background:url('http://ekladata.com/NphJwjPOVIlqZVhkiQfDplKmmZM/6501.jpg');}
    #ab:hover{opacity:0;}
    --></style>

    id="aa": fond / id="ab": image avec filtre /  id="ac": image originale.

    Au survol de aa, elle devient transparente et laisse apparaître ac.

    Image avec filtre et image originale.