Внутренние тени изображений и текста
09-03-2017 19:45
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Mariea Оригинальное сообщение
Внутренние тени изображений и текста
Это цитата сообщения Mariea Оригинальное сообщение
Внутренние тени изображений и текста
Достигается это с помощью box-shadow или text-shadow.  [показать]1.Тень блока (box-shadow) [показать]Horizontal offset и vertical offset — это горизонтальное и вертикальное смещение. Их значения указывают, в какую сторону объект будет отбрасывать тень. Blur radius - это размытие, spread radius - толщина тени. Основные элементы box-shadow можно разобрать по нижеследующему рисунку. [показать]2.Тень текста (text-shadow) [показать]Значения аналогичные (box-shadow), только нет spread-shadow. Пример использования: [показать]3.Inset в box-shadow Чтобы «перевернуть» тень внутрь объекта, необходимо добавить inset. [показать]Если inset не задан(по умолчанию), тень будет снаружи элемента и создаст эффект выпуклости блока. При наличие ключевого слова inset, тень будет падать внутри блока и создаст эффект вдавленности. 4.Цвет теней (RGB): [показать]Цвет в формате RGB - значения красного, зеленого и синего спектров, альфа-значение отвечает за прозрачность тени: [показать]*** Таким образом, свойство box-shadow позволяет добавлять элементу одну или несколько теней, указывая их параметры через запятую. Если для элемента задается свойство border-radius, то тень будет с закругленными углами. Ниже наглядный пример с использованием свойства box-shadow:  [300x450]код: <*img style="box-shadow: 10px 10px 10px 10px red; margin-center: 150px;" src="http://img1.liveinternet.ru/images/attach/c/0/118/414/118414115_ 0_dc4e7_3795837b_XL.jpg" width="300" height="450" alt="0_dc4e7_3795837b_XL" /> Примечание: 1.При пользовании кодом не забудьте убрать звездочку за скобкой. 2.Еще примеры с кодами по теням смотрите здесь - http://www.liveinternet.ru/users/marmuh/post346863156/ Источники:Хабрахабр - http://habrahabr.ru/post/154211/ |
Вы сейчас не можете прокомментировать это сообщение.
Дневник Внутренние тени изображений и текста | Коллекционерка - Коллекционерка |
Лента друзей Коллекционерка
/ Полная версия
Добавить в друзья
Страницы:
раньше»