2014. július 8., kedd

Képefektek

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 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>


A kép szélei lekerekítettek lesznek ha rá viszed 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>



Forrás:Ez itt :)

Nincsenek megjegyzések:

Megjegyzés küldése