-Цитатник

Летучий дракон или летающая ящерица (лат. Draco volans) - (0)

Летучий дракон или летающая ящерица (лат. Draco volans) Летающий дракон — это не только ...

10 самых опасных морских животных - (0)

10 самых опасных морских животных Некоторые обитатели глубин с удовольствием полакомились бы н...

Санкт-Петербург, Елагин дворец - (0)

Санкт-Петербург, Елагин дворец Возможет ли поэзии резец Изобразить Елагинский дворец, Когда...

Молитва на удачу: 3 самые сильные молитвы - (0)

Молитва на удачу: 3 самые сильные молитвы Всяк человек добрый на счастье Богом уготован. Так ...

Разлом Сильфра: место, где встречаются две литосферные плиты - (0)

Разлом Сильфра: место, где встречаются две литосферные плиты А вы знаете, что р...

 -Видео

Как быстро создать полупрозрачный фон

Суббота, 06 Мая 2017 г. 21:37 + в цитатник

levnmr


Дорогие друзья!
полупрозрачный фон -это наиболее востребованный и очень часто употребляемый атрибут при создании поста или схемы оформления.Очень часто такой фон можно искать часами и ничего не найти подходящего. Поэтому я задался целью как можно быстро создавать такой фон самому.
Такой полупрозрачный фонсоздаётся с помощью атрибута
background-color:rgba(13,15,70,0.5);
обратите внимание,что в хорошо вам известном элементе стиля background-color:- цвет фона- стоит код цвета в виде красного,зелёного и голубого - RGB,но помимо этих трёх цветов, в скобках стоит четвёртая цифра,которая в нашем случае является чрезвычайно важной и именно она определяетСТЕПЕНЬ ПРОЗРАЧНОСТИ ФОНА - A
А атрибут при этом называется уже не RGB ,а RGBA.
Привожу вам самый простейший пример создания прозрачности фона




TEST RGBA TEST RGBA TEST RGBA




В этом примере верхний тег
определяет общий фон - в нашем примере цветной. А стиль нижнeго тега
включает в себя фон background-color:rgba(13,15,70,0.5) с атрибутом RGBA и в данном случае он равен 0.5 Меняя эту цифру можно устанавливать требуемую вам прозрачность фона


levnmr
Метки:  
Понравилось: 3 пользователям



Ирина-Тверичанка   обратиться по имени Суббота, 06 Мая 2017 г. 22:14 (ссылка)
Спасибо, Левушка.
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку