Уроки HTML, CSS Добавляем эффект полупрозрачности для элементов - opacity
Привет друзья! Сейчас мы рассмотрим с вами как сделать так, чтобы элементы на вашей странице стали полупрозрачными. Для добавления на вашу страницу сайта эффекта полупрозрачности используется свойство стиля – opacity – оно определяет уровень прозрачности элемента веб-страницы. Принимает значения от 0.0 до 1.0, причем 0 – это полностью прозрачен, а 1 – непрозрачен.
Дробные числа вида 0.5 устанавливают полупрозрачность. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта. 😊
Создавайте сайт с нуля и сразу используйте классные эффекты - используйте стили css3 - экспериментируйте и делайте классные сайты!
✅ свойство стиля opacity: значение – для задания прозрачности элементам.
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал:
Рекомендую посмотреть вот эти видео ►
★ [Выводим верхние и нижние индексы для формул и химических элементов]
★ [Всплывающая подсказка на изображении]
★ [Эффект бьющегося экрана TweenMax html2canvas / Почти как игра]
★ [Свойство стиля overflow для блочных элементов]
★ [Учим HTML за 30 минут, всего за пол часа вы сделаете свой первый сайт с нуля]
★ [Свойство стиля margin отступ от границ]
★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик]
★ [Как отобразить другой сайт внутри вашего сайта, тег iframe]
★ [Как напечатать текст справа налево]
★ [Как сделать бегущую строку]
★ [Что такое классы]
★ [Как скопировать стиль, с одного сайта на другой]
★ [Как добавить снег на сайт]
★ [Как сделать галерею картинок]
★ [Как сделать горизонтальную линию]
★ [Как вставить gif анимацию на сайт]
★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала]
★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch
● Уроки программирования для детей и подростков на Python
● Уроки HTML/CSS. Учим быстро и эффективно!
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.
● Уроки jQuery. Для начинающих, с нуля
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
#урокиhtml #урокиcss #урокиjavascript
16 views
179
43
4 days ago 00:02:11 1
🕹 HTML КУРС 💿
4 days ago 00:02:11 1
💻 Курсы программиста гродно
4 days ago 00:04:20 98
#ДетскиеНовости: выпуск 137 (24 ноября 2024)
4 days ago 00:02:11 1
НАЧАЛЬНЫЕ НАВЫКИ ПРОГРАММИРОВАНИЯ
5 days ago 00:02:11 4
Программирование на си с нуля 💡 Обучение программированию спб
5 days ago 00:02:11 1
ОБУЧЕНИЕ ПРОГРАММИРОВАНИЮ C
5 days ago 00:02:11 4
Курсы по javascript бесплатно 📀
5 days ago 00:02:11 1
💽 Бесплатные курсы python с нуля ⚡ Веб разработка чем занимаются
5 days ago 00:02:26 4
День 5: Списки в Python – Полный гайд с примерами | Челлендж 100 дней кода