Вопросы с меткой [linear-gradient]
Руководство по использованию метки linear-gradient отсутствует.
21
вопрос
0
голосов
0
ответов
11
показов
Почему background-image не работает в option
Хочу чтобы фон у option был в виде градиента , но background-image: linear-gradient() не показывает фон.
option {
background-image: linear-gradient(to bottom, rgb(0, 255, 238), rgba(38, 255, 0, ...
0
голосов
0
ответов
15
показов
не работают вычисления в стилях
есть SCSS — работает
делаю в CSS такую же запись — не работает
пример:
Не понимаю в чем дело?
<body class="is-grid"></body>
<style>
$grid_color: #00f;
$...
0
голосов
0
ответов
18
показов
Как сделать linear-gradient, при добавлении тени (text-shadow) на иконку Font Awesome
при добавлении тени (text-shadow) на иконку Font Awesome, пропадает linear-gradient
.person-woman,
.person-man {
position: absolute;
top: -3%;
left: 27.5%;
z-index: 9;
font-size: 30px;
...
2
голоса
3
ответа
73
показа
CSS не видно градиент на картинке
Всем привет, первый раз делаю градиент в CSS и не особо получается. Если кто знает как решить проблему помогите пожалуйста) (браузер хром)
.special-article {
background: linear-gradient(90deg, rgba(...
0
голосов
1
ответ
34
показа
В сафари не работает linear-gradient для тектса
Вот HTML
<h2>Компании, <span>которым<br> помогли</span> найти офис</h2>
Вот CSS
h2 span {
background: #86C446;
background: -webkit-linear-gradient(to bottom ...
4
голоса
2
ответа
113
показов
Как раскрасить .png картинку градиентом?
Есть такая вот картинка:
Мне нужно как-то наложить поверх неё градиент, чтобы он повторял контуры изображения (в дальнейшем собираюсь менять background-position градиента при движении мышкой, чтобы ...
3
голоса
3
ответа
162
показа
Можно ли использовать border-radius вместе с border-image с градиентом?
Я задаю стиль для поля ввода с закругленной границей (border-radius) и пытаюсь добавить градиент к указанной границе. Я могу успешно сделать градиент и закругленную границу, но ни то, ни другое не ...
0
голосов
1
ответ
22
показа
Как обучить модель по своей функции sklearn?
У меня имеется 150 значений функции, при том, что ее параметр х увеличивается на 1 с каждым разом. Мне требуется вывести 150 следующих значений, при увеличении х на 1. В функции есть так же 2 ...
3
голоса
1
ответ
61
показ
SVG анимация без CSS
Я хочу создать такую анимацию, которая вращается вокруг двух фигур. И я хочу добиться этого в SVG без внешнего CSS. Может ли кто-нибудь помочь мне, как это сделать?
Это мой код:
<svg xmlns="...
2
голоса
2
ответа
77
показов
Почему не получается сделать бордер с градиентом? [закрыт]
Почему не получается сделать бордер с градиентом? Как я понял, цвет заднего фона не хочет выходить на передний план.
Причем в примере, который я нашел, все работает
Сам сайт cw51830.tmweb.ru
Весь код ...
1
голос
1
ответ
43
показа
background CSS с линейными цветными радиусами
Дизайнер придумал этот тип фона, как показано на изображении ниже.
Я бы не хотел использовать фоновые изображения.
Итак, я пытаюсь понять, можно ли воспроизвести это с помощью атрибута background CSS.
...
1
голос
1
ответ
119
показов
Как реализовать такую тень при помощи градиента
Это box-shadow, наложенный на градиент или градиент в чистом виде? Как его реализовать?
1
голос
1
ответ
57
показов
Как добавить opacity градиента в мой градиент?
В моем макете полосы имеют эффект opacity градиента от прозрачного до полупрозрачного.
В настоящее время у меня получилось так:
Как сделать так, чтобы белые полосы имели градиент прозрачности?
Вот ...
2
голоса
1
ответ
24
показа
Как выровнять два линейных градиента?
У меня есть два линейных градиента, один под другим, и я хочу, чтобы они были выровнены и оставались выровненными для всех размеров экрана.
Я хочу, чтобы это выглядело так:
(так что вы понимаете, что ...
0
голосов
1
ответ
23
показа
Не выходит накласть картинку на градиент CSS
Есть градиент, и сверху градиента нужно расположить картинку, раздельно работает, вместе что бы картинка была выше градиента не выходит абсолютно никак, как это решить?
.notebook{
background: ...
2
голоса
1
ответ
32
показа
Применение линейного градиента цвета фона к группе шестиугольников в CSS
Я построил сетку из шестиугольников в HTML и CSS, и я пытаюсь получить линейный градиент, охватывающий всю сетку. HTML и CSS, которые я использую для сетки из шестиугольников, см. ниже:
.hex {
...
0
голосов
0
ответов
159
показов
background: linear-gradient при появлении скролл бара градиент начинает повторяться
Код:
body {
background: linear-gradient(to top, #4B0082, #DC143C);
}
Так же у меня есть блок, и если ширина экрана меньше 600px, то он принимает размеры: width: 700px и height: 900px. За счет ...
0
голосов
1
ответ
19
показов
CSS Gradiend - некорректное отображение при смещении размера
У меня проблема с градиентом. Есть страничка с датапикером, который открывается при нажатии на инпут. Background странички - это линейный градиент. Заказчик хочет чтобы календарь который не помещается ...
2
голоса
1
ответ
176
показов
background gradient в div
У меня есть картинка с градиентом на заднем фоне. Она находится в блоке div, в котором background справа должен быть продолжением градиента картинки. Попробовал сделать но на фоне все равно видно ...
3
голоса
1
ответ
804
показа
Не работает transition по linear-gradient
Всем привет!
Когда я использую смена цвета через hover таким образом:
.button {
background: linear-gradient(180deg, #EEF2EE, #D4D4D4);
-webkit-transition: .5s ease-in-out;
-moz-transition: ...
3
голоса
2
ответа
112
показов
Как растянуть градиент по всей области блока до низа CSS
body {
background: #333;
margin: 0;
}
.wrapper {
width: 300px;
height: 200px;
background: #fff;
margin: 50px auto;
box-sizing: border-box;
padding: 10px;
overflow: hidden;
overflow-y: scroll;...