[CSS3] background: RGBA

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2207
Зарегистрирован: Сб авг 11, 2012 7:39 am
Поблагодарили: 81 раз

[CSS3] background: RGBA

#1

Сообщение Slash » Чт апр 25, 2013 2:12 pm

В данном посте, попробую рассказать, для чего нужены и где использовать свойства CSS background: RGBA...
Свойство RGBA позволяет установить фоновый цвет с альфа-каналом - блок с полупрозрачным цветом. Цвет блока определяется первыми тремя цифрами (через запятую), цифровой код от 0 до 255, например так: 0, 0, 255 - значит, что блок будет синего цвета. Прозрачность определяется четвертой цифрой от 0 до 1, например так 0.5 - значит, что блок будет прозрачным на 50%.
Вот собственно пример CSS кода:

Код: Выделить всё

.danfa {
    display: block;
    font-size: 1.3em;
    background: rgba(0,0,0,0.5);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 100px;
    padding: 0 30px;
} 
а вот вставка в HTML:

Код: Выделить всё

<div class="danfa">Текст</div>
В данном случаи свойства заданы 0,0,0,0.2 - блок черного цвета, с прозрачностью 50%.

Реклама

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей