Egyszerű árnyékos kép effekt
2013.07.04. 19:11
Nagyon egyszerű kis kód, de nagyon szépen mutat. :) A háttér színét is megváltoztathatjátok a background résznél. A demónál látható képek .png formátumúak, így a háttér is látszik.
Demó:

CSS kód:
<style type="text/css">
a img {
-webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
background: #ffffff;
}
a img:hover {
-webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.75);
background: #ffffff;
}</style>
|