# Тень блока при помощи вендорных префиксов в LESS

Давайте сделаем функцию, которая будет кроссбраузерно добавлять кроссбраузерную тень блоку:

`.shadow(@s) { -moz-shadow+: @s; -webkit-shadow+: @s; box-shadow+: @s; }`

Воспользуемся созданной функцией:

`p { .shadow(1px 10x red); .shadow(2px 3px blue); }`

Посмотрим на результат компиляции:

`p { -moz-shadow: 1px 10x red, 2px 3px blue; -webkit-shadow: 1px 10x red, 2px 3px blue; box-shadow: 1px 10x red, 2px 3px blue; }`
← →
↑