Фильтр по:
  

Как при навождении мышки на картинку она становилась ярче ..

Как сделать... Тема только по сайтам в системе uCoz

  • Страница 1 из 1
  • 1
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Как сделать... Тема только по сайтам в системе uCoz » Как при навождении мышки на картинку она становилась ярче ..
Как при навождении мышки на картинку она становилась ярче ..
Дата: Воскресенье, 11.04.2010, 21:50 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Спрашивает Margaritka (пост#83)

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

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


Прикрепления: 0255431.jpg (12.0 Kb) · 7555755.jpg (13.6 Kb)

 
Дата: Воскресенье, 11.04.2010, 21:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Ответил 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+*/    
}

Но это для затемнения!

 
Дата: Воскресенье, 11.04.2010, 21:53 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Затем и я ... 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

 
Дата: Воскресенье, 11.04.2010, 21:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Затем и 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+*/     
}


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


Мобильная версия