Size: a a a

CSS — русскоговорящее сообщество

2020 June 01

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
linear-gradient(90deg, цвет процент, цвет процент, ...)
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
Nijat Mamedzadeh
Всем привет. А может кто подсобить с градиентами? Клиент очень захотел "металлические кнопки", нашёл CSS-градиент, но хочется сделать потемнее, а я чот совсем не могу понять, как оно работает.
по скринам не гадаем какой у тебя градиент. Для этого существует codepen
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
цвет задаётся в виде #красныйЗелёныйСиний
источник

AB

Alex Bessmertnov in CSS — русскоговорящее сообщество
Над код туда где значение цвета вставляй hex  потемнее
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
источник

NM

Nijat Mamedzadeh in CSS — русскоговорящее сообщество
блин, сорян, случайно
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Nijat Mamedzadeh
Выглядит оно вот так.
чтобы тебе не страдать,   пусть клиент  поиграется сам https://cssgradient.io/
, и выдаст тебе значения градиента
источник

NM

Nijat Mamedzadeh in CSS — русскоговорящее сообщество
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
гы, выглядят круто
источник

NM

Nijat Mamedzadeh in CSS — русскоговорящее сообщество
Вот этот вот. Он, в принципе, готовый. Просто я совсем не понял, что с этим хсл %)
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
ну меняй l
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
lightness
источник

KA

Kenan Ayvazov in CSS — русскоговорящее сообщество
Nijat Mamedzadeh
Вот этот вот. Он, в принципе, готовый. Просто я совсем не понял, что с этим хсл %)
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
hsla()  
H - hue или цвет  это значение от 0 до 360  (цвет на цветовом круге)
S - saturation  — насыщеность от супер яркого 100 до супер бледного  0
L - Lightness —- яркость  .. тоже от 0 чёрного до 100 яркого

а последний параметр  отвечает за прозрачность
источник

NM

Nijat Mamedzadeh in CSS — русскоговорящее сообщество
оу, щас попробую
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Nijat Mamedzadeh
оу, щас попробую
поиграться удобней в дев-тулзе
источник

NM

Nijat Mamedzadeh in CSS — русскоговорящее сообщество
блин, это ерунда какая-то. Т.е. я ковырял, ковырял значения в webkit-repeating-linear-gradient, и ВИЗУАЛЬНО почти нифига не менялось. Поменял в просто linear-gradient и всё как по маслу
источник

NM

Nijat Mamedzadeh in CSS — русскоговорящее сообщество
я слишком тупой для таких излишеств
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Nijat Mamedzadeh
блин, это ерунда какая-то. Т.е. я ковырял, ковырял значения в webkit-repeating-linear-gradient, и ВИЗУАЛЬНО почти нифига не менялось. Поменял в просто linear-gradient и всё как по маслу
эм, ну так на то он и репитинг
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
это имитация кисти
источник