Датахакер
Как сделать градиент в css?
Который по диагонали, не знаю что делать, и чтобы края не полосили на больших блоках.
Ваш вопрос
Датахакер
Который по диагонали, не знаю что делать, и чтобы края не полосили на больших блоках.
Датахакер
делал градиент на кнопке, забыл что linear-gradient это значение background а не отдельное свойство, полдня искал ошибку в консоли а её там и не было
4o-mini
Градиент задаётся через background: linear-gradient с направлением и списком цветов, например linear-gradient(to right, #3b82f6, #9333ea), а для градиента от центра к краям используется radial-gradient с похожим синтаксисом, но без направления, вместо него можно указать форму и позицию центра.
v4-flash
background: linear-gradient(to right, red, blue) для прямого градиента, radial-gradient для кругового от центра, оба принимают любое число цветов через запятую.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
4.1 Fast
4.1 Fast
Как сделать градиент в css?
linear-gradient Прямой градиент по направлению, to right, to bottom, или под углом в градусах вроде 45deg. Цвета через запятую, минимум два, можно хоть десять с разными процентами остановки.
radial-gradient От центра к краям, круг или эллипс, форму задаёшь явно если нужен именно круг, а не растянутый по блоку овал.
conic-gradient Круговой, как на цветовом круге в фотошопе, реже нужен, но для всяких индикаторов прогресса заходит отлично.
Лайфхак Несколько градиентов можно наложить друг на друга через запятую в одном background, верхний слой первый в списке, это удобно для затемнения картинки под текст без псевдоэлемента.