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

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

Слой с одним «отрезанным» уголком

По своей природе слои всегда прямоугольны, соответственно, если к слою через стили добавить фоновый цвет, то мы увидим одноцветный прямоугольник. Однако возникает ситуация, когда в целях оформления у слоя необходимо сделать декоративный уголок, например, закругленный или обрезанный. Напрямую добиться этого не представляется возможным, но можно пойти на хитрость и создать нужный эффект с помощью рисунков.

Слой с двумя «отрезанными» уголками

Хотя любой слой по своему определению является прямоугольником, с помощью изображений к слою можно добавить один, два или даже четыре декоративных уголка. В статье рассмотрен вариант создания у слоя двух верхних «отрезанных уголков.

Колонки одинаковой высоты

В статье описан способ создания двух колонок, высота которых одинакова, независимо от содержимого. Метод построен на имитации колонок за счет добавления границы к слою и плавающих элементов.

На главную

При использовании материалов сайта ссылка на comnew.ru обязательна!