[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать... Тема только по сайтам в системе uCoz » Как при навождении мышки на картинку она становилась ярче ..

Как при навождении мышки на картинку она становилась ярче ..
[1] likbezz [11.04.2010, 21:50]
Спрашивает Margaritka (пост#83)

это не про Укоз, но тем не менее.
как при навождении мышки на картинку она становилась ярче автоматически?
пример:
так при обычном состоянии

так при навождении курсором на картинку

Прикрепления: 0255431.jpg (12.0 Kb) · 7555755.jpg (13.6 Kb)
[2] likbezz [11.04.2010, 21:52]
Ответил Euphoria

Margaritka

Вот посмотри

Добавлено (11-Апр-2010, 21:44:56)
---------------------------------------------
знаю вот код
Code

Code
a:hover img {    
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);    
-moz-opacity: 0.5; /* Mozilla 1.6 */    
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */    
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */    
filter: alpha(opacity=50); /* IE 5.5+*/    
}

Но это для затемнения!
[3] likbezz [11.04.2010, 21:53]
Затем и я ... Margaritka, (пост#86)
- Чаще всего это делают фильтрами ... ;-)))
Например вот так:
Кроссбраузерное решение:

CSS

Code
.opaque {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=50);opacity: .5;}
a:hover img.opaque{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1.0;}

HTML

Code
<a href="#"><img class="opaque" src="/_theme/baner/baner.gif" width="88" height="31" /></a>

Flesh

[4] likbezz [11.04.2010, 21:55]
Затем и Spooner8753 (пост#87)

Code
a img {     
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);     
-moz-opacity: 0.5; /* Mozilla 1.6 */     
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */     
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */     
filter: alpha(opacity=50); /* IE 5.5+*/     
}

a img:hover {     
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);     
-moz-opacity: 0.5; /* Mozilla 1.6 */     
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */     
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */     
filter: alpha(opacity=100); /* IE 5.5+*/     
}


Полная версия сайта