ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

Сделано в Paint.net. Мой урок 1. Файл - создать. В выпавшем окне устанавливаем размер фона. ОК Фон будет белого цвета. 2. В верхней панели инструментов: Заливка - Сплошной цвет. Чувствительность - устанавливаем по желаемой непрозрачности, перемещая движок или кликая по плюсику справа. 3. В палитре цветов выбираем цвет будущей градиентной заливки. Переходим в панель инструментов, кликаем по инструменту "Заливка", подводим мышку к фону, кликаем и заливаем фон выбранным цветом. 4. Кликаем по инструменту "Градиентная заливка". Переходим на верхнюю панель. Кликаем по иконке градиентной заливке "Линейная". 5. За набором градиентных панелек идёт панелька - Режим прозрачности и цветовая заливка. Кликаем "Прозрачность". 6. Подводим мышку к боковой стороне фона (можно хоть слева, хоть справа) и ведём к противоположной стороне. Фон становится прозрачным и оттенком выбранного цвета. 7. В верхней панели кликаем "Готово" 8. Сохраняем как - обязательно PNG У первого фона прозрачность 50%, у второго 30% (чувствительность) ЯблочкоНаливное

ЯблочкоНаливное

Славница

Славница

ЯблочкоНаливное

ЯблочкоНаливное

Ниже приводится пример тени текста, которая смещена на два пикселя вниз и на четыре пикселя вправо, размыта на три пикселя и имеет черный цвет с уровнем непрозрачности 30%. text-shadow: 2px 4px 3px rgba(0,0,0,0.3); Почему используется rgba? Вам не обязательно использовать rgba для задания цвета тени при определении свойства. Однако, rgba добавляет еще одну размерность при определении тени - уровень прозрачности. Данный метод существенно проще, чем другие способы определения цвета. Вам не надо акцентировать внимание на определении оттенка цвета тени, который может быть лишь немного темнее или светлее цвета фона. С rgba вы можете просто использовать белый или черный цвета и увеличить их прозрачность, чтобы добиться нужного оттенка фона при смешении красок.ЯблочкоНаливное

ЯблочкоНаливное

Славница

Тень представляет собой копию элемента, смещенную на указанное расстояние. Тени бывают внешние или внутренние, размытые или плоские, они могут следовать контурам блоков со скругленными углами. С помощью ключевого слова inset создаются тени внутри элемента, делая элемент визуально объёмным или вдавленным.

Свойство box-shadow Свойство box-shadow прикрепляет одну или несколько теней к блоку. Свойство принимает либо значение none, которое указывает на отсутствие теней, либо список теней через запятую, упорядоченный от начала к концу.

Каждая тень является отдельной тенью, представленной от 2 до 4-х значений длины, необязательным цветом и необязательным ключевым словом inset. Допустимые длины 0; опущенные цвета по умолчанию равны значению свойства color.

Свойство не наследуется.


box-shadow - Значения x-offset - Задает горизонтальное смещение тени. Положительное значение рисует тень, смещенную вправо от текста, отрицательная длина — влево.
y-offset - Задает вертикальное смещение тени. Положительное значение смещает тень вниз, отрицательное — вверх.
blur - Задает радиус размытия. Отрицательные значения не допускаются. Если значение размытия равно нулю, то край тени четкий. В противном случае, чем больше значение, тем больше размыт край тени.
растяжение - Задает расстояние, на которое тень увеличивается. Положительные значения заставляют тень расширяться во всех направлениях на указанный радиус. Отрицательные значения заставляют тень сжиматься. Для внутренних теней расширение тени означает сжатие формы периметра тени.
цвет Задает цвет тени. Если цвет отсутствует, используемый цвет берется из свойства color. Для Safari цвет тени указывать обязательно.
inset - Изменяет отбрасываемую тень блока с внешней тени на внутреннюю.
none - Значение по умолчанию, означает отсутствие тени.
initial - Устанавливает значение свойства в значение по умолчанию.
inherit - Наследует значение свойства от родительского элемента.
Эффекты тени применяются следующим образом: первая тень находится сверху, а остальные — сзади. Тени не влияют на компоновку и могут перекрывать другие элементы или их тени. С точки зрения контекстов укладки и порядка рисования внешние тени элемента рисуются непосредственно под фоном этого элемента, а внутренние тени элемента рисуются непосредственно над фоном этого элемента (ниже border и border-image, если таковые имеются).

Если элемент имеет несколько ящиков, все они получают тени, но тени рисуются только там, где также будут нарисованы границы; см. box-decoration-break.

Тени не вызывают прокрутку или не увеличивают размер прокручиваемой области.

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное

ЯблочкоНаливное