Описание тега linear-gradients
A linear gradient is a field of color which smoothly changes from one color to another (or more than two).
5
ответов
Цвет градиента текста
Есть ли генератор, или простой способ генерировать текст, как это, но без необходимости определять каждую букву Так что-то вроде этого: .rainbow { background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15,…
15 июн '16 в 09:47
1
ответ
Генерация 3 основных цветов градиента на основе числового массива в Javascript или jQuery
В таблице есть столбец, который содержит неупорядоченные числовые значения. Каждый тд должен быть нарисован с использованием сплошных цветов таким образом, чтобы столбец образовывал неупорядоченный градиент. Я создал числовой массив, который содержи…
15 апр '15 в 21:17
1
ответ
4 градиентных границы в CSS
Мне нужна помощь в нанесении градиентной границы на все 4 стороны коробки. Я попробовал, но это работает только для двух сторон. После просмотра всех ссылок и ответов SO я получил это: .test{ height:250px; border: 2px solid; border-image: linear-gra…
20 фев '17 в 14:50
1
ответ
Можно ли сделать градиент слева направо с непрозрачностью сверху?
Посмотрите на это изображение, что я имею в виду, если я плохо объяснил: пример желаемого градиента Использование псевдоэлементов и т. Д. Все в порядке, просто нужно найти рабочее решение:-( Спасибо за ваше время!
26 ноя '18 в 16:44
1
ответ
CSS3 с линейным градиентом для двух направлений
У меня есть заголовок на моем сайте, который в настоящее время использует линейный градиент для перехода от одного цвета к другому. Это CSS: #top-header { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99999; /* FF3.6+ */ background: …
20 янв '15 в 18:07
2
ответа
Градиентная анимация - предотвращение "пропуска"
https://jsfiddle.net/2ndjazmy/14/ @keyframes gradient-animation { from { background-position: 100% 0%; } to { background-position: 0% 0%; } } .animation{ background: linear-gradient(90deg, #f11e1d, #952491 12.5%, #8cc838 25%, #feb034 37.5%, #f11e1d…
19 июн '18 в 22:58
2
ответа
Можно ли использовать градиент над фоновым изображением CSS?
Я пытаюсь получить div с синим фоновым изображением шириной 500 пикселей. Затем я пытаюсь сделать градиент белым в самом левом углу от div, и когда он идет вправо, фоновое изображение медленно видно
04 сен '13 в 10:53
1
ответ
Как я могу предотвратить 1 пиксельную линию между фоном и градиентом?
При масштабировании эта линия появляется между блоком и градиентным фоном. Как я могу избавиться от линии? В частности, заметил в Safari (после масштабирования пару раз, Cmd +) См. Jsfiddle: http://jsfiddle.net/lokapujya/eb9dv192/3/ a { display: in…
11 ноя '15 в 19:13
5
ответов
Линейный градиент SVG не работает в Safari
У меня есть объект SVG, который содержит линейный градиент, встроенный непосредственно в документ. Он отлично работает в Chrome и Firefox, но в Safari ничего не отображается. Если я создаю SVG как файл и внедряю его, используя тег Object, он отлично…
03 июл '12 в 02:33
2
ответа
Фоновый линейный градиент не изменяется в реальном времени в элементе div
Эта проблема возникает в Chrome, но не в Safari. Надеюсь, что есть решение. Прокрутка через <div>когда элемент имеет линейно-градиентный фон, элемент не обновляется в режиме реального времени. Он обновляется только когда мышь покидает <div&…
09 янв '19 в 21:57
1
ответ
Эффективность сайта: линейные градиенты применяются в PS или с CSS
Что лучше с точки зрения производительности веб-сайта, применения линейных градиентов к изображению в PhotoShop (или другом программном обеспечении) или с помощью CSS? Я нашел ответ около 6 лет назад, и он сказал, что изображения быстрее, но я прост…
03 авг '17 в 08:18
2
ответа
Линейный градиент внутри другого линейного градиента
Я пытаюсь создать линейный градиент внутри другого линейного градиента, это возможно? пример ниже background: linear-gradient(to right, #color1 50%, #color2 0%) цвет 1 background: linear-gradient(#aa0507,#e0171e,#aa0507); цвет 2 background: linear-g…
06 фев '19 в 13:28
1
ответ
Линейно-градиентная граница изменить
Привет Всем здесь, я хотел изменить, Нам нужно обновить зачеркнутый, чтобы иметь ту же диагональ - 45 градусов по центру. Пожалуйста, найдите код ниже... .Product__widths__button { background: #FFFFFF; border: 1px solid #333333; color: #333333; disp…
01 мар '19 в 10:22
1
ответ
SVG с фиксированным градиентом
Смотрите jsfiddle здесь: http://jsfiddle.net/YrfKp/ Я хочу наложить текст и / или элемент пути на градиент, но я хочу, чтобы этот градиент был исправлен - так же, как и атрибут css background "background-attachment:fixed;" - поэтому, когда я анимиру…
21 янв '14 в 10:59
1
ответ
Как придать полигону градиентную заливку внутри SVG?
Я использую этот удивительный плагин jQuery - http://benpickles.github.io/peity/ По сути, он отображает мини-графики и диаграммы в svg формат. В этом svg элемент, есть один polygon и один polyline, Мне нужно, чтобы у полигона был градиент вместо спл…
05 май '14 в 02:38
2
ответа
Как нарисовать линейную градиентную дугу с Qt QPainter?
Я пытаюсь разработать кастом QProgressBar это будет выглядеть следующим образом: Я создал класс, который расширяет QProgressBar, и реализовал paintEvent(): void CircularProgressBar::paintEvent(QPaintEvent*) { int progress = this->value(); int pro…
30 апр '14 в 18:03
1
ответ
Использование динамического переднего плана с LinearGradientBrush
Я работаю над приложением WPF впервые У меня есть кнопка, которая при нажатии меняет цвет переднего плана. Я чувствовал, что обычные цвета скучны, поэтому я сделал несколько линейных градиентов, чтобы они выглядели лучше. на C# я написал. // Здесь я…
28 сен '17 в 14:12
1
ответ
Как координаты точек работают в LinearGradient?
Может ли кто-нибудь объяснить или описать, как координаты указывают в LinearGradient? Например: у меня есть код таким образом. var gradient = new LinearGradient(0, 0, 500, 500, colors, null, Shader.TileMode.Clamp); paint.SetShader(gradient); paint.D…
05 дек '17 в 09:24
1
ответ
Исключение при рендеринге
В Android Studio у меня есть пользовательское представление, использующее LinearGradient private LinearGradient gradient = new LinearGradient(0, getHeight() / 2, getWidth(), getHeight() / 2, Color.BLUE, Color.rgb(255, 255, 0), Shader.TileMode.MIRROR…
02 авг '14 в 10:35
2
ответа
Линейный градиент div с использованием CSS3
Пожалуйста, помогите мне, как я могу сделать div, используя CSS, как показано ниже путь к изображению. Вот мой код, который до сих пор... http://jsfiddle.net/L8FfE/ <table class="screenheader" cellspacing="0" cellpadding="0" width="100%" style="p…
14 мар '13 в 12:23