Я тестировал эффект теневой тени как в Chrome, так и в Firefox, и я был удивлен, увидев резкую разницу в рендеринге между двумя браузерами. Примечательно, что рендеринг Firefox был намного темнее. Вот два эталонных изображения:
Первое изображение отображается в Chrome 22, а второе - в Firefox 16, оба работают под Mac OS 10.8.2. Я понятия не имею, почему два изображения визуализируются так по-разному. Здесь сам тень окна, то же самое для обоих браузеров:
box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0px 4px 2px -2px rgba(255,255,255,0.7), inset 0px -3px 1px -2px rgba(0,0,0,0.3), inset 0px -20px 200px -100px rgba(0,0,0,0.5);
Для живой демонстрации вы можете увидеть здесь. Наведите курсор мыши на поле, чтобы получить эффект.
Есть ли способ исправить эту резкую разницу в рендеринге?