вРазные полезности

Эффект прозрачности картинки на сайте

Думаю вы видели такое, когда кликом наводишь на любое изображение на сайта, то оно становиться под пленкой. Вот стили которые делают Эффект прозрачности картинки на сайте где вы можете выстроить оттенок, который вам нужен. Все очень просто, когда пользователь или гость находиться на ресурсе и он на водит на картинку, то она изменяется, когда убирает клик, то становиться по умолчанию. Для продвижение или что то в этом роде не чего не дает, а просто такая фишка на сайте будет, некий интерес.

В CSS:

Код
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+*/

Вы сами выставляйте прозрачность, какая вам нужна.

 

источник: zornet.ru

Похожие посты