Мой Справочник | CSS3

Мой Справочник | CSS3 | Тени

box-shadow
Тень от блока box-shadow: inset 1px 2px 3px 4px #ccc; inset - \|внутренняя\| 1px - \|смещение ох\| + - 2px - \|смещение оy\|+ - 3px - \|радиус размытия\|+ 4px - \|растяжение\| + - #ccc - \|цвет\|	`.some-class { box-shadow: 5px 5px 1px 2px deeppink; }`
Внутрення тень (inset)	`.some-class { box-shadow: inset 5px 5px 0px 0px red; }`
Полупрозрачная тень (inset)	`.some-class { box-shadow: -7px -7px 2px 5px rgba(12, 256, 32, 0.5); }`
Множественная тень, перечисляются через запятую	`.some-class { box-shadow: 4px 4px 1px 0 red, 8px 8px 1px 0 green, 12px 12px 1px 0 blue; 16px 16px 1px 0 yellow; }`
text-shadow
Тень от текста text-shadow: 1px 2px 3px #ccc; 1px - \|смещение ох\| + - 2px - \|смещение оy\|+ - 3px - \|радиус размытия\|+ #ccc - \|цвет\|	`.some-class { text-shadow: 1px 2px 3px #ccc; }`	Some text
Множественная тень от текста, перечисляются через запятую	`.some-class { text-shadow: 3px 3px 1px pink, -3px -3px 1px deeppink, 6px 6px 1px red, -6px -6px 1px green, 9px 9px 1px yellow, -9px -9px 1px blue, 12px 12px 1px lightblue, -12px -12px 1px green, 15px 15px 1px brown, -15px -15px 1px darkcyan; }`	Some text