Posts Tagged ‘«луковая шелуха»’

Создание тени по типу «луковой шелухи»

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

Перевод: Влад Мержевич и Евгений Богомольный.

Да, «луковая шелуха». Аниматоры используют этот эффект, чтобы показать то, что обычно невозможно увидеть: кадры движения во времени. И теперь веб-дизайнеры могут использовать подобный эффект, чтобы показать другую кажущуюся невозможность: создание реалистичной тени с использованием CSS.

Особенности

Есть несколько отличий между данной методикой и методиками, предлагаемых ранее. Некоторые пользователи найдут описанную в этой статье технику более простой, другие — более стабильной, но в любом случае, наш вариант имеет больше преимуществ, таких как:

  • не требует определения ширины слоя (width);
  • позволяет модифицировать глубину тени без манипуляций с изображением;
  • одинаково отображается во всех браузерах. (далее…)