CSS сянка ефект
Целта на урока е да се покаже още един атрибут "Cascading Style Sheets" (CSS), с които конвенционалните елементи може да се даде специален вид. Този атрибут - box- сянка:
Този атрибут добавен елемент сянка и освен това може да бъде няколко сенки (те са изброени разделени със запетая).
Има два вида записи:
Произход - изместване компенсира X. радиус Y. сянка, RGB -цвят, степента на размазване (0.1 1);
RGB цвят означава Red Green Blue, ако използвате генератор HTML-цветове. ще забележите, че има и три линии с тези имена, във всяка от тях, броят на цветовете, в допълнение към HTML-кода. Код, генериран цвят се отчита като три числа, разделени със запетая.
По-долу е пример, който илюстрира, както е описано по-горе - квадратна блок с сянка в ляво. Теню ще е в черно (RGBA (0,0,0, ...);
Както се вижда от пример - сянка компенсира 4 пиксела и 2 пиксела от ляво и надолу че цветен нюанс на черен, но поради факта, че степента на размазване размазване 0.5 Цвят нюанс на сивото.
Вторият метод за създаване на сянка - смяна Х. Й. смяна замъгляването, радиусът, цвят.
Например, да направи блок, чиято сянка ще бъде отдясно.
Действително се обърне внимание на факта, че на сянка може да се регулира и текст. По-долу е показан текст блок вътре и сянка на текста се определят някои параметри (първия метод). Ние блокира заоблените ъгли и сянката, той да задава автоматично "закръглени".
Shade из квартала и текст
Сега тя ще бъде показано, че е възможно да зададете няколко сенки. В този пример, ще има два и, освен това, един от сянката, определен в блока (анекс) светло зелен цвят.
Сянка в устройството и под
Устройството е подобен на триизмерна форма.
И накрая, да поиска от последния блок няколко сенки.
Сянка в модула, долна и горна и около
Свързани статии