Fotoğraflara gölge efekti vermek

Fotoğraflara gölge efekti vermek için aşağıdaki kodu tagından önce ekleyin:

Aşağıdaki kodu <body> tagından önce ekleyin:

<style type="text/css">

#dropshadow { 
   border: 5px solid;
   border-color:white;
-moz-box-shadow: 4px 4px 9px #000000;; /* Firefox */ 
-webkit-box-shadow: 4px 4px 9px #000; /* Safari/Chrome */ 
box-shadow: 4px 4px 9px #000; /* Opera and other CSS3 supporting browsers */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000')";/* IE 8 */ 
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000');/* IE 5.5 - 7 */  
} 

</style>

Artık sitede aşağıdaki şekilde tanımladığınız tüm image lar gölgeli olacaktır:

<img id="dropshadow" src="foto.jpeg">