Ezen az oldalon bemutatok néhány link effektet,mely képeken használatosak,mellékelve az adott demót,valamint annak CCS-kódját is.A demók kipróbálásához vidd a kurzort a képre !
Az első effekt a kép körül lévő ún.border szélességét változtatja meg.
Ennek CSS-kódja a következő :
<STYLE type=text/css> a:hover img { |
A következő kód a border színét változtatja meg.Íme :
Kódja:
<STYLE type=text/css> a:hover img { |
A következő CSS-kód a border stílusát változtatja meg.Íme egy mutatós variáció :
Kódja:
<STYLE type=text/css> a:hover img { |
A következő kód "eltávolítja " az adott kép borderét.
Kódja:
<STYLE type=text/css> a:hover img { |
A következő kód az előző ellentéte,bordert tesz a belinkelt kép köré.
Kódja:
<STYLE type=text/css> a:hover img { |
A következő effektben a kép háttérszínt kap :