Képeffektek

A kép elhalványodik, ha ráviszed az egeret:

<style type="text/css">

img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}

img:hover{filter: alpha(opacity=60); moz-opacity:.60; opacity:.60;}

</style>

A kép szélei lekerekednek:

<style type="text/css"> img{ -moz-border-radius: 20em; 

-webkit-border-radius: 20em;}</style>

A kép eltűnik, ha ráviszed az egeret:

<style type="text/css">

img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); ; -webkit-transition-duration: .50s}

img:hover{filter: alpha(opacity=0); moz-opacity:.0; opacity:.0;}

</style>

Árnyékeffekt:

<style type="text/css">img{

box-shadow: 3px 3px 10px #555;

-webkit-box-shadow: 3px 3px 10px #555;

-moz-box-shadow:  3px 3px 10px #555;}</style>

A kép széle lekerekedik, ha rávisszük az egeret:

<style type="text/css"> img{ -moz-border-radius: 0em; 

-webkit-border-radius: 0em;}

img:hover{-moz-border-radius: 20em; 

-webkit-border-radius: 20em;}</style>

A kép szélei szagatottak lesznek, ha rávisszük az egeret:

 <style type="text/css">img{border: 1px dashed #555; padding: 4px; background-color: transparent;}</style>