Как установить изображение полупрозрачным?

Как установить изображение полупрозрачным?

На этом уроке мы научимся изменять значение прозрачности изображения.

  1. Открываем блокнот:
  2. Стилевое свойство оpacity отвечает за прозрачность элемента на странице. С помощью дробных чисел от 0 до 1 мы можем регулировать прозрачность, где ноль соответствует полной прозрачности, а единица — непрозрачности объекта.Старые версии Internet Explorer не поддерживает opacity, поэтому мы добавим свойство filter со значением alpha(Opacity=X), где под X подразумевается целое число от 0 до 100.Вставляем данные с картинки:

    В теге <img src> сначала пишем название папки (images), а после название изображения(природа.jpg)

    Для того чтобы наглядно увидеть изменение прозрачности , предлагаю изменять её(75%, 50% и 25%.)

    Вот,что у нас получилось:

    На этом уроке мы научились изменять значение прозрачности изображения.

Добавить комментарий