Полезные советы по веб-дизайну

Поделиться12017-07-06 13:42:37

Автор: Shephard
Администратор
Должность:
главный врач
Зарегистрирован: 2017-03-21
Сообщений: 618
Уважение: [+7/-0]
Последний визит:
2019-12-31 15:30:34

В здесь публикуем советы/мини-уроки по веб-дизайну, для которых создание отдельной темы нецелесообразно. Для всех вопросов существует отдельная тема.

0

Поделиться22017-07-06 13:59:05

Автор: Shephard
Администратор
Должность:
главный врач
Зарегистрирован: 2017-03-21
Сообщений: 618
Уважение: [+7/-0]
Последний визит:
2019-12-31 15:30:34

Как создать закруглённые углы у блока?
Несомненно, круглые углы блоков сайта представляют особый интерес для веб-мастеров. Как же добиться такого эффекта? На самом деле, это очень просто и делается с помощью стиля border-radius. Вы просто задаёте значение в пикселях и получаете закруглённые углы. Причём, чем больше значение border-radius, тем более сильным будет эффект.
Пример прописи параметра: border-radius: 100px;.

0

Поделиться32017-07-06 19:00:55

Автор: Emerael
Coluceo heal!
Должность:
врачебная комиссия
Откуда: Москва
Зарегистрирован: 2017-05-26
Сообщений: 66
Уважение: [+7/-0]
Последний визит:
2019-09-11 13:10:06

Shephard
Алсо, этим же параметром квадратные элементы можно сделать круглыми, прописав border-radius:50%

Mix-blend-mode
Этот атрибут позволяет установить режим наложения содержимого контейнера относительно того, что находится под ним
Значения:
initial: значение по умолчанию, когда ничего не установлено
inherit: наследует значение родителя
unset: снимает текущее значение бленд-мода
Дальше идут возможные значения, которые по сути повторяют таковые в фотошопе
normal
multiply
screen
overlay
darken
lighten
color-dodge
color-burn
hard-light
soft-light
difference
exclusion
hue
saturation
color
luminosity