Несколько слов о градиентах

[Golem765]

«Вы также можете указывать цвета в процентном соотношении, добавив после цвета %. Например, rgb(0, 0, 0) 0%, rgb(255,255,255) 100%.»
— Насколько я помню там не совсем так, значение процента указывает не процентное соотношение, а с какой позиции начинает действовать этот цвет, то есть в вашем примере элемент будет практически весь чёрный и только в конце переходить в белый.
Кроме того, там можно указывать не только проценты, а и например пиксели и тд.

[aliencash]

Помните правильно, а результат описываете не правильно. На 0% будет черный, а на 100% — белый. Между ними полутона. Чтобы было как вы говорите нужно что-то типа того rgb(0, 0, 0) 0%, rgb(0, 0, 0) 99%, rgb(255,255,255) 100%.

[aliencash]

Рассказывать о градиентах и не упомянуть css patterns очень странно.

[Madeas]

Да, забыл о них. Добавил ссылку на сайт и дополнил статью.

[GeMir]

Сolorzilla.com/gradient-editor/ так же неплох.

[Madeas]

Спасибо, добавил ссылку на сайт

[vin2809]

Градиент может быть записан двумя способами:

background: linear-gradient(36deg, #0dd3ff, #0389ff, #1c79c0);
background-image: linear-gradient(36deg, #0dd3ff, #0389ff, #1c79c0);

Это не два способа записи градиента, а два способа записи, точнее, назначения, фона. А градиент и там, и там задан один и тот же: линейный.

[Bedal]

ага, прямо «тётя Ася открыла для себя отбеливатель» — все бросаются всё малевать в градиентах, и только потом становится ясно, что это малярство. Умение делать градиент — пустяк, а вот применять его только в уместных случаях…

[xState_level80]

Запардоньте, но к какому типу относится данный пост?