Вопросы по теме 'linear-gradients'
Строки цветового кода в сетке данных на основе градиента в формах VB.Net
У меня есть сетка, содержащая строки, отмеченные разными приоритетами. Я хочу покрасить строки с высоким приоритетом в красный цвет, с низким - в синий и т.д.
Я хотел бы установить оттенок на основе математически рассчитанного градиента, а не...
887 просмотров
schedule
08.05.2022
Проблема с реализацией Мультиградиентной кисти с нуля в C++ и GDI
Я пытаюсь реализовать градиентную кисть с нуля на С++ с помощью GDI. Я не хочу использовать GDI+ или любую другую графическую среду. Я хочу, чтобы градиент был любого направления (произвольный угол).
Мой алгоритм в псевдокоде:
For each...
246 просмотров
schedule
12.07.2023
Кроссбраузерный текстовый градиент в чистом css без использования фонового изображения
Я много пробовал для градиента текста. Я нашел код для сафари и хрома, но он не совместим с другими браузерами. Я хочу, чтобы это работало без использования фонового изображения. Если у вас есть правильное решение, пожалуйста, предоставьте.
36364 просмотров
schedule
11.07.2022
Как использовать градиенты SVG для отображения разных цветов в зависимости от размера цветной области
Я использую SVG и D3 для создания гистограмм, и у меня есть вопрос, как их раскрасить. Я искал много вопросов на этом и других сайтах и еще не нашел никого с такой же проблемой.
Я хотел бы, чтобы каждая полоса начиналась снизу с одного цвета...
13015 просмотров
schedule
30.12.2022
Градиент фона прерывается в Chrome, когда высота элемента превышает 32 000 пикселей.
У меня есть случай, когда пользователю разрешено видеть все содержимое таблицы, которая обычно разбита на страницы, и в редких случаях элемент становится очень длинным. В Chrome фоновый градиент разваливается, отображаясь сплошным черным цветом и...
887 просмотров
schedule
23.02.2024
Как применить градиент к фону с помощью CSS?
Я начинаю работать с CSS3 и делаю все возможное, чтобы преобразовать композицию Photoshop в HTML.
У меня есть несколько экземпляров фона (с использованием URL-адреса фона) с разной высотой, и я хотел бы применить градиент поверх этого фона,...
1623 просмотров
schedule
10.09.2022
Интерпретация линейного градиента CSS3
Я нашел способ сделать отличный фон на этом сайте , и я хочу понять, что происходит на CSS. Происходит много всего, и я хочу иметь возможность дублировать это с другими вещами. Вот несколько найденных мной сайтов, которые описывают основы:...
255 просмотров
schedule
19.11.2022
Компас в стандартной настройке веб-приложения yoman неправильно отображает линейный градиент
У меня есть ванильное веб-приложение, сгенерированное с помощью yo webapp из Yeoman , и я использовал опцию, чтобы использовать Compass с SASS. Моя локальная версия Compass — 0.12.2, на данный момент последняя. Затем я добавил что-то подобное в...
268 просмотров
schedule
03.11.2022
Градиентный штрих вдоль дуги холста исчезает, когда контекст перемещается в центр
Я очень новичок в рисовании на холсте. Я пытаюсь применить градиент по дуге окружности. Я могу заставить его выглядеть нормально, когда я рисую дугу со смещением центра от координат контекста. Допустим, centerX и centerY обозначают центр холста. Я...
556 просмотров
schedule
13.04.2023
Замените linearGradient в SVG на jQuery
Я могу удалить строку linearGradient с помощью jQuery в SVG, но не могу добавить ее. Почему?
HTML
<textarea>
<linearGradient y2="1" x2="1" id="g" spreadMethod="reflect">
<stop stop-color="#F00" offset="0"/>
<stop...
1233 просмотров
schedule
23.06.2023
Преобразование блока SASS If/Else в его эквивалент в Less
Здесь есть небольшая конвергенция SASS и LESS... Кто-нибудь знает, каков правильный синтаксис для них? Код ниже — это чистые миксины SASS, которые я использовал. Спасибо за помощь
@mixin linear-gradient($left, $right, $optional:false) {
@if...
232 просмотров
schedule
21.03.2023
Создание рабочего градиента svg с помощью d3
Я пытаюсь создать градиент SVG (для обводки) с помощью D3 (остальная часть проекта использует D3, поэтому использование D3 для этого, казалось, имело смысл...)
Вот код, который генерирует градиент:
function generateBlindGradient(svg, color,...
773 просмотров
schedule
02.11.2023
Горизонтальная градиентная анимация SVG
Я создал скрипку
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="280.089px" height="280.089px" viewBox="0 0 280.089 280.089" enable-background="new 0 0 280.089...
1838 просмотров
schedule
26.12.2022
Не удается заставить линейный градиент работать с определенным шаблоном SquareSpace
Я пытаюсь настроить свойство background-color для заголовка с идентификатором заголовка.
<header id="header" class="sqs-announcement-bar-dropzone">
Цвет может без проблем принимать сплошные значения, но когда я пытаюсь запустить любую...
701 просмотров
schedule
16.06.2023
Dart Element.html преобразуется в нижний регистр (и не должен)
Я пытаюсь добавить <linearGradient> (с большой буквы G) к элементу SVG, используя Dart (dartlang.org). Результатом является элемент <lineargradient> (со строчной буквой g). Браузеры (Firefox и Chromium) не отображают это правильно, им...
102 просмотров
schedule
09.04.2022
Как применить линейный градиент к границе ввода?
Можно ли применить линейно-градиентный цвет к границе ввода? Я пробовал следующее:
input{
border: 5pt solid linear-gradient(rgba(0, 25, 50, 0.5), rgba(0, 0, 25, 0.5));
}
Проблема с приведенным выше кодом заключается в том, что вы не...
9230 просмотров
schedule
18.04.2023
Заставить линейный градиент SVG всегда заполнять прямоугольник под определенным углом
Мне нужно заполнить прямоугольники с разными пропорциями и размерами одним линейным градиентом, идущим сверху слева направо и всегда под углом 45 градусов (а не только от угла к углу).
Вот код, который заполняет прямоугольник от угла до угла, как...
946 просмотров
schedule
31.03.2023
Градиент CSS не работает в Chrome 49
Я буду использовать линейный градиент в качестве фона для моего body . Он работает в Safari, но не в Chrome . Я искал переполнение стека, и пока ничего не сработало для меня. Он работал только в браузерах, отличных от Chrome (Chrome 49)....
797 просмотров
schedule
01.07.2022
Почему моя анимация не работает в Firefox?
У меня есть код, который отлично работает в Chrome, но не работает в Firefox. Я хочу, чтобы мой логотип отображался на моем веб-сайте. Код работает в Chrome, но я не знаю, почему он не работает в Firefox.
.shine-me {
width:100%; /*Make sure...
548 просмотров
schedule
15.07.2023
Фон с адаптивным градиентом
У меня есть следующий код: ( Fiddle )
body {
background-color: red;
}
#grad1 {
height: 100px;
width: 100%;
background: linear-gradient(521deg, rgba(138, 138, 138, 0) 50%, rgba(138, 138, 138, 0) 31.9%, #fff 0.1%, #fff 0%);
}...
5650 просмотров
schedule
19.12.2023
