Обновляемый сборник Способы заработка в интернете
Учебное пособие
Свой бизнес на файлах (пошагово)
Пассивный доход за счёт инвестирования Куда сегодня можно вложить деньги

Раздел "Инструкции и методы"
Основа данного раздела - это пошаговые описания решений определённых задач в сайтостроении (вёрстка, web-дизайн, программирование и прочее), примеры решения различных трудностей с помощью полезного софта, а также некоторые другие интересные материалы

Используя CSS3 у разработчиков сайтов появилась возможность реализовывать тени для изображений или других элементов без использования дополнительных картинок. Разнообразные тени повсеместно используются в дизайне, потому что они подчёркивают реалистичность изображения. Раньше для этого в основном применялись соответсвующие картинки
На самом деле реализовать тени средствами CSS достаточно легко и просто, определив необходимые правила соответсвующему div. Дополнительная разметка теперь не требуется, достаточно создать дополнительные псевдоэлементы, помещённые за основным объектом. Сделать это можно с помощью замечательного свойства box-shadow. Синтаксис box-shadow реализуется следующим образом:
box-shadow: inset || [ <length> <length> <length>? <length>? || <color> ]
Ниже представлены типовые примеры для этого свойства. С помощью таких псевдоэлементов, как before и after мы реализуем отбрасывание внутренней и внешней тени для блока:
Создание внешней тени


Вот как будет выглядеть результат

Создание внутренней тени


И вот результат

Сервис, позволяющий использовать видео связь через интернет - создание видеоконференций, трансляций, вебинаров.
Copyright © 2007-2012 Николай Мурашкин | Хостинг сайта
Копирование, а также любое другое подобное использование материалов без ссылки на сайт NikMurashkin.RU строго запрещено!