Hoztam pár HTML kódot!Még többször is feltüntetem: A KÓDOK NEM SAJÁTOK!Szóval,ha viszed írj kommentet!:3 Remélem valaki csak hasznát veszi! :)
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 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épnek szagatott kerete lesz:
<style type="text/css">img{border: 1px dashed #555; padding: 4px; background-color: transparent;}</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ék a képnek:
<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élei lekerekítettek lesznek:
<style type="text/css"> img{ -moz-border-radius: 20em;
-webkit-border-radius: 20em;}</style>
Az utolsót vittem! :)
VálaszTörlés