Как да се създаде прозрачен цвят в CSS поне 3 начина

Всички добре дошли. Днес ще ви покажа как да се създаде CSS прозрачен цвят. В момента за тази цел има 3 начина.

Метод 1 - стойността на прозрачен

Ако зададете като стойност на цвета на текста или стойността на фона прозрачен. цветът е напълно прозрачен, т.е. невидими. например:

Този текст няма да се вижда на страницата.

Метод 2 - цветен режим RGBA

И това е нещо ново, CSS3. По-рано в уеб разработването на такъв режим не е, че има само RGB. Със сигурност знаете как да пиша на цвета в този формат. За да направите това, трябва да се уточни в скоби три стойности между 0 и 255, което показва интензитета на един от трите основни цвята (червен, зелен, син). Например:

Форматът не се различава RGBA, добавя само до четвърта стойност - прозрачността на елементи от 0 до 1. По принцип формата на запис се използва главно за задаване на полупрозрачно цвят и не е напълно прозрачен. За да се постигне пълна прозрачност, както и четвъртата стойност напиши 0.

В този случай, а останалите 3 цифри не особената роля да играят.

Translucent същия цвят може да се настрои, ако четвъртия параметър определя от 0,01 до 0,99. About've написана малко за работа полупрозрачен фон в тази статия. Можете да видите, ако се интересувате.

Метод 3 - непрозрачност

Друго свойство на CSS3 технология. Но искам да предупредя, че работи малко по-различно. С прозрачност непрозрачност е разположен около клетката, към която се прилага. По този начин се влошава разбираемостта на текста и възприемането на изображения. Така че не виждам смисъл собственост, за да се прилага само за единици, които не разполагат с текст и някои други данни. Стойностите могат да бъдат настроени от 0 до 1, както в случая с четвъртия параметър когато определяте цветове в RGBA формат.

Като цяло, в момента това е всичко, което знам за начина за определяне на прозрачен цвят в CSS. Защо го направи, това е друг въпрос. Чрез прозрачен фон може да се види това, което е в съответствие с него. Понякога е необходимо да се направи дизайна. Като цяло, рецепция с полу-прозрачност днес е много чести.

Надявам се да си спомня и да се възползвате за себе си с някоя от тези три начина. И аз имам това е всичко.

Можете също така да се интересуват от