Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Effetto hover immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2006
    Messaggi
    133

    Effetto hover immagine

    Ciao,
    vorrei sapere come impostare usando i css un effetto su alcune immagini con link,
    in modo che passandoci sopra col mouse si opacizzino o comunque che renda chiaro all'utente che contengono un link.

    Grazie in anticipo!

    Ale

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Una cosa così?
    codice:
    ...
    
    <style type="text/css">
    <!--
    a.opacity img {
    opacity: 0.5;
    border:0;
    }
    a.opacity:hover img {
    opacity: 1;
    }
    -->
    </style>
    
    <!--[if lte IE 8]>
    <style type="text/css">
    a.opacity img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    }
    a.opacity:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    }
    </style>
    <![endif]-->
    </head>
    
    <body>
    
    <div>[img]gif.gif[/img]</div>
    
    ...
    (al posto dello smile, inserito dal forum, : D, attaccati)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.