Уроки HTML, CSS Добавляем эффект полупрозрачности для элементов - opacity

Описание

Привет друзья! Сейчас мы рассмотрим с вами как сделать так, чтобы элементы на вашей странице стали полупрозрачными. Для добавления на вашу страницу сайта эффекта полупрозрачности используется свойство стиля – opacity – оно определяет уровень прозрачности элемента веб-страницы. Принимает значения от 0.0 до 1.0, причем 0 – это полностью прозрачен, а 1 – непрозрачен.

Дробные числа вида 0.5 устанавливают полупрозрачность. При частичной или полной прозрачности через элемент проступает фоновый рисунок или другие элементы, расположенные ниже полупрозрачного объекта. ?

Создавайте сайт с нуля и сразу используйте классные эффекты - используйте стили css3 - экспериментируйте и делайте классные сайты!

✅ свойство стиля opacity: значение – для задания прозрачности элементам.

Ставь лайк, если тебе понравилось видео ?

►► Подписывайся на наш канал: https://www.youtube.com/channel/UCfxnN0xALQR6OtznIj35ypQ?sub_confirmation=1

Рекомендую посмотреть вот эти видео ►
★ [Выводим верхние и нижние индексы для формул и химических элементов] https://youtu.be/27bGGPNNjoE
★ [Всплывающая подсказка на изображении] https://youtu.be/n6_cqiBUysI
★ [Эффект бьющегося экрана TweenMax + html2canvas / Почти как игра] https://youtu.be/2yTKW72PTqc
★ [Свойство стиля overflow для блочных элементов] https://youtu.be/oh1YRok_1FQ
★ [Учим HTML за 30 минут, всего за пол часа вы сделаете свой первый сайт с нуля] https://youtu.be/CKNoI33DnZQ
★ [Свойство стиля margin отступ от границ] https://youtu.be/hoozc7lqmZA
★ [Делаем новогодний курсор на сайте, вместо мышки елочная игрушка или новогодний шарик] https://youtu.be/omnpFLfIrQo
★ [Как отобразить другой сайт внутри вашего сайта, тег iframe] https://youtu.be/FulrjdAkpkM
★ [Как напечатать текст справа налево] https://youtu.be/K1rGgPtRdVM
★ [Как сделать бегущую строку] https://youtu.be/ZrEpE_CRNy0
★ [Что такое классы] https://youtu.be/9WBwrARLdpQ

★ [Как скопировать стиль, с одного сайта на другой] https://youtu.be/fP2uCcqqH8Q
★ [Как добавить снег на сайт] https://youtu.be/hwetfYzMjbc
★ [Как сделать галерею картинок] https://youtu.be/neKGU07B-VI
★ [Как сделать горизонтальную линию] https://youtu.be/V4zBOWAYxQA
★ [Как вставить gif анимацию на сайт] https://youtu.be/lpYDRHBCbWM
★ [Делаем сайт визитку за 5 минут! - от ИТ профессионала] https://youtu.be/Eu8sqtoz6n8
★ [Изучаем с нуля HTML за 1 час! Верстка для начинающих] https://youtu.be/ChY0rySmdMo

Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - https://vk.com/wiseplat ?
Группа FaceBook - https://www.facebook.com/wiseplat/
Инстаграм Wiseplat: https://www.instagram.com/wiseplat/
Instagram: https://www.instagram.com/shpaginoleg/
Twitter - https://twitter.com/WiseplatSchool


Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch https://www.youtube.com/watch?v=KoLhF4CRk0g&list=PLxiU3nwEQ4PH7h8vaYenOfxAVZ3qDycWc
● Уроки программирования для детей и подростков на Python https://www.youtube.com/playlist?list=PLxiU3nwEQ4PHtLT8LzGAdcuzE-laotXps
● Уроки HTML/CSS. Учим быстро и эффективно! https://www.youtube.com/watch?v=neKGU07B-VI&list=PLxiU3nwEQ4PEOAW6Zhk8P7dUDXo3jX5gG
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. https://www.youtube.com/playlist?list=PLxiU3nwEQ4PGG4H77ODa2mC4ldxJPoRSM
● Уроки jQuery. Для начинающих, с нуля https://www.youtube.com/watch?v=m4uzKHfWa04&list=PLxiU3nwEQ4PHbMa7e5WTqHLY2bIejsx0a
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! https://www.youtube.com/playlist?list=PLxiU3nwEQ4PFMTCBXSvpm8tzEXyvlaacV
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. https://www.youtube.com/playlist?list=PLxiU3nwEQ4PELm5cldvN_-l1Uiqhx24Sq

► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов: https://wiseplat.org/
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: https://wiseplat.org/

********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!

? Ставьте лайки, тогда будем еще создавать такой контент :)

✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************

- Уроки от #OlegShpagin ???
#урокиhtml #урокиcss #урокиjavascript