1001-вый способ сделать блок с закругленными краями и тенью без использования картинок

Начну с примера

Как это работает?

Для «нормальных» браузеров используется слой-подложка из встроенного svg-файла ( при помощи data протокола).
Для Internet Explorer используется VML слой в виде условного коментария.

И в первом и втором случаи тень представляет из себя набор полупрозрачных скругленных прямоугольников.

Преимущества

• Кросбраузерное решение
• Нет дополнительных запросов к серверу

Недостатки

• Не универсальное решение
• Сложная реализация
• Блок фиксированой ширины
• Артефакты при анимации

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