Използване на свойството CSS3 -box-shadow, GB Wordpress и блог за уеб разработка
Не толкова отдавна ви казах как да използвате Свойство за оразмеряване на кутия CSS3, днес ще говорим за друго свойство, което ви позволява да добавяте визуален обем към блоковете на страницата.
Този имот -кутия-сянка, за които в интернет е писано много, добри и различни. Няма да се повтарям и да ви казвам за какво животно става въпрос. Ще ви покажа няколко техники как можете да направите няколко щриха, които очевидно не се виждат, но добавят чар към дизайна.
Първо, няколко думи за самото свойство и неговия синтаксис, това е съвсем просто:
- Вертикално отместване - положителна стойност премества сянката вдясно от блока, отрицателна, съответно, вляво.
- Хоризонтално изместване - положителна стойност премества сянката под блока, отрицателна стойност - по-горе.
- Размазване - отрицателни стойности не могат да бъдат посочени. Колкото по-висока е стойността, толкова повече сянката се замъглява (ограничете при нас)
- Разтягане - положително число разтяга сянката, прави я по-голяма. Отрицателни изстисквания. По подразбиране сянката е със същия размер като полето - стойност 0
- Цвят - незадължителен параметър, черен по подразбиране. Можете да посочите всяка стойност във формата, наличен в CSS.