Bu sayfadan sitenizdeki resim galerileri için saydamlık efektini nasıl ekleyebileceğinizi öğrenebilirsiniz. Resimlerin üzerine gelindiğinde bunları yarı saydam hale getiren bu kodu kullanmak için aşağıdaki kısmı sitenizin Head bölümüne yerleştirin.

<style type="text/css">

/*<![CDATA[*/

/* Site Efektleri */

 

.ccgalerie img {

 

box-shadow: 2px 2px 3px 2px #5D5C5C !important;

-webkit-box-shadow: 2px 2px 3px 2px #5D5C5C !important;

-moz-box-shadow: 2px 2px 3px 2px #5D5C5C !important;

-o-box-shadow: 2px 2px 3px 2px #5D5C5C !important;

 

border-radius: 10px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

-o-border-radius: 10px;

 

background: white !important;

 

transition: all 0.6s ease;

-webkit-transition: all 0.6s ease;

-moz-transition: all 0.6s ease;

-o-transition: all 0.6s ease;

 

opacity: 1.0;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */

filter: alpha(opacity=100); } /*IE7 und kleiner*/ 

 

.ccgalerie img:hover {

opacity: .6;

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 

filter: alpha(opacity=60);

 

}

 

/*]]>*/

</style>