Главная » Статьи » Стили CSS » Изменение прозрачности картинки
Наверно многие из вас интересовались как сделать картинку чтобы при наведении
на нее курсора она меняла свою прозрачность? Не секрет что многим начинающим
веб-дизайнерам не понятен код html страницы, неизвестны многие полезные теги,
и тем более язык JavaScript. Именно для начинающих веб-мастеров я и решил
написать статью, чтобы облегчить их жизнь. Итак начнем с самого простого,
вы хотите чтобы при наведении на картинку она становилась более яркой. Возьмем
для примера любую картинку, например вот эту
Секретом этого приема является вот эта строчка:
Ее следует вставлять в тег.
Полностью это будет выглядеть так:
Вот как это будет смотреться:
Можете поэкспереминтировать с opacity=n, где n - это процент прозрачности вашей картинки.
Возможно вам понравился эффект с счетчиками на нашем сайте, ниже будет
описан и этот прием. Возьмем эту же картинку. Теперь пишем:
И теперь опять же пишем:
Получается что-то вроде этого:
На этом наверно я закончю т.к. сказать больше нечего,
если вам стало что-то не понятно, то тогда
пишите
