Category: градиенты CSS

11
Мар
2020

Пока вы искали в другом месте, CSS-градиенты стали лучше

От автора: удивительно, но недавно я обнаружила, что большинство людей даже не знают, что двойная позиция для градиентных переходов — это то, что действительно существует в спецификации, поэтому я решила написать об этом. Согласно спецификации: Задание двух местоположений облегчает создание однотонных «полос» в градиенте, без необходимости повторять цвет дважды. Я полностью согласна, это было первое, […]

12
Фев
2019

CSS-градиент

CSS-градиент представляет собой переходы от одного цвета к другому. Градиенты создаются с помощью функций linear-gradient() и radial-gradient(). Градиентный фон можно устанавливать в свойствах background, background-image, border-image...

24
Янв
2019

Многострочный линейный градиент CSS

От автора: сегодня поговорим о том, как реализуется многострочный линейный градиент CSS.   Моей первой мыслью было: Строки имеют отступы, и это достаточно сложно осуществить. box-decoration-break вероятно, нам в этом поможет. Но оказывается, что нам нужна небольшая хитрость, чтобы это заработало. Если со сплошным цветом все хорошо, то некоторые отступы, объединяемые в с box-decoration-break, должны […]