Saiqdrx, в css пихай вот это:
Code
/* ----////// Эффект прозрачности /////------- */
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
/* IMAGES */
.imgshadow {
margin:6px;
-moz-box-shadow:#000 0px 0px 6px;
-o-box-shadow:#000 0px 0px 6px;
-webkit-box-shadow:#000 0px 0px 6px;
-ms-box-shadow:#000 0px 0px 6px;
box-shadow:#000 0px 0px 6px;
border:1px solid #222;
}
.imgshadow:hover {
-moz-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
-o-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
-ms-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
-webkit-box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
box-shadow:0px 0px 5px #00BFFF/*#E67F1A*/;
border:1px solid #00BFFF/*#B76515*/ !important;
opacity:0.7
}
.imgshadow, .imgshadow:hover {
-moz-transition:all 0.3s ease-in 0s;
-webkit-transition:all 0.3s ease-in 0s;
-o-transition:all 0.3s ease-in 0s;
-ms-transition:all 0.3s ease-in 0s;
transition:all 0.3s ease-in 0s;
opacity:1;
z-index:10
}
.imgshadow-green {
margin:6px;
-moz-box-shadow:#66ff33 0px 0px 6px;
-webkit-box-shadow:#66ff33 0px 0px 6px;
-ms-box-shadow:#66ff33 0px 0px 6px;
-o-box-shadow:#66ff33 0px 0px 6px;
-khtml-box-shadow:#66ff33 0px 0px 6px;
box-shadow:#66ff33 0px 0px 6px
}
.imgshadow-red {
margin:6px;
-moz-box-shadow:#ee0022 0px 0px 6px;
-webkit-box-shadow:#ee0022 0px 0px 6px;
-o-box-shadow:#ee0022 0px 0px 6px;
-ms-box-shadow:#ee0022 0px 0px 6px;
-khtml-box-shadow:#ee0022 0px 0px 6px;
box-shadow:#ee0022 0px 0px 6px
}
/* SHADOW EFFECTS */
.textshadow {color:#000;text-shadow:1px 1px 2px #999}
.effradius {
-moz-border-radius:16px;
-webkit-border-radius:16px;
-khtml-border-radius:16px;
-o-border-radius:16px;
-ms-border-radius:16px;
border-radius:16px
}
.effshadow {
-moz-box-shadow:#999 0px 0px 6px;
-webkit-box-shadow:#999 0px 0px 6px;
-khtml-box-shadow:#999 0px 0px 6px;
-o-box-shadow:#999 0px 0px 6px;
-ms-box-shadow:#999 0px 0px 6px;
box-shadow:#999 0px 0px 6px
}
а теперь про затемнение, вот пример с нашего сайта:
Code
<div id="banners">
<center><a class="tip" href="http://webik.at.ua/forum/2-355-1" title="Кликните на баннер чтобы узнать цены на размещение ваших рекламных баннеров на нашем портале" target="_blank"><img class="imgshadow" src="/images/banner0.png" border="0" width=450 height=60></a></center></div>
Где Code
<div id="banners">тут бла бла бла строка нашего баннера</div>
данный класс отвечает за прозрачность баннера
А вот этот класс
отвечает за эфект погасания такой синий, ну ты меня понял) в общем эксперементируй)