Скрипты-სკრიპტები
მთავარი »
2012 »
მაისი »
11 » Эффект прозрачности для изображений
03:46 Эффект прозрачности для изображений |
Возможно Вы когда либо
видели, что счетчики на сайте сделаны как бы более прозрачными или
тусклыми а при наведении на них курсором приобретают начальные свойства.
Мне всегда это нравилось, но я не задумывался а как это делается…
Сегодня я приведу пример реализации данного, достаточно интересного и
необычного эффекта без помощи JavaScript а исключительно на CSS.
Вот так выглядит наш CSS код
Code <style type="text/css">
<!--
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
-->
</style>
Далее необходимые нам изображения заключаем в соответствующий DIV. К примеру вот так…
Code <div id="banners">
Картинка
Картинка
</div> |
| |
|
|
|
კატეგორია: Скрыпты |
ნანახია: 329 |
დაამატა: nukria
| რეიტინგი: 0.0/0 |
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[
რეგისტრაცია |
შესვლა ]
