-Цитатник

Мотает судьба клубочек жизни…. - (1)

…Мотает судьба клубочек жизни…. Мотается судьбой клубочек времени. Все больше и больше ко...

Деревянные храмы Руси - шедевры древнерусской культуры. - (0)

Деревянные храмы Руси - шедевры древнерусской культуры. Ровно тысячу и двадцать один...

Милые сказки про котов - (0)

Милые сказки про котов.   ...

Единственный в России и мире музей современного искусства Эрарта. - (0)

Единственный в России и мире музей современного искусства Эрарта. Музей современного иску...

Когда улыбается женщина... - (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 в ссылку
 Подписаться на комментарии
 Подписать картинку