Как да си направим CSS прозрачни и полу-прозрачен фон
Прозрачността в строителна площадка
За да започнете е да се разбере, че цветът може да бъде напълно прозрачен (по същество невидим) и прозрачна. Това е, когато малкия си видял, и чрез нея може да се види на останалите елементи от уеб страницата.
Как е
Всъщност, има два основни варианта за това как да се направи прозрачен фон. първо:
Необходимата елемент дефинира правило и всичко ще се получи. Втори вариант:
RGBA цвят режим е подобрена версия RGB, само след това е посочено друго и прозрачност, която може да бъде настроен на стойност 1-0, където 0 - напълно прозрачен цвят. По този начин, RGBA е една отлична възможност да се създаде прозрачен фон.
Защо е нужно всичко това?
Тя ще изглежда, защо не зададете цвят като бяло, а след това той и затова не трябва да се разглежда? Да, но тук е важно да се помни, че дизайнът на всички различни сайтове.
Ако цвета на фона на цялата страница или отделни големи структурни звена не е бяла, а след това този метод не е подходящ.
По подразбиране, блоков елемент, ако създаването му няма изрично фон, той е напълно прозрачна. Уверете се, че е лесно - създаване на празна страница на блок, определи му някои размери (ширина и височина), нищо повече, за да попитам. Виждате ли нещо на страницата? Не.
полупрозрачност
Със сигурност тази възможност ви интересува много повече, защото това ни позволява да се постигне интересни ефекти. На първо място, така че можете да постигнете желаните нюанси, по-меко и приглушено. Например, ако в записа като цвят, нещо като това:
След това ние получаваме достатъчно ярко жълт цвят, който в общия случай за уеб дизайн не винаги е добре дошъл. Но ако записът вече така:
Посочихме полупрозрачност, така че тя става много по-слаби.
Също така, ако две прозрачни цветове се наслагват един върху друг, а след това техните свойства като тя се развива и на мястото, където те се наслагват един върху друг, цветът е малко по-различен от оригинала.
Прозрачен фон може да бъде полезно, когато дори не сте се замисляли. Така например, по стандартния начин за създаване на триъгълник чрез CSS е настроен да блокира нула ширина и височина, а след това влиза на трите страни на прозрачната рамка, и, от една страна, за да изберете цвят, който искате. В резултат на това ние се триъгълник.
Като цяло, това е всичко, което исках да ви кажа днес за тази техника. За повече информация относно прозрачността могат да бъдат намерени в хода на CSS3. Да завърша тази статия.
Най-IT новини и уеб разработки на нашия канал Телеграма
