Описание тега radial-gradients

Описание тега Вопросы с тегом
Линейная интерполяция между двумя или более цветами на основе расстояния от центра круга или эллипса. В радиальных градиентах цвета выходят из одной точки и плавно распространяются наружу в круглой или эллиптической форме, в отличие от линейных градиентов, где они проходят от одного конца до другого. Используйте этот тег для любого вопроса, касающегося создания или использования радиальных градиентов.
1 ответ

CGContextDrawRadialGradient не рендеринг альфа в PDF?

У меня есть следующий рисунок, который визуализирует круг с полным цветом в центре, исчезая до 0 альфа по краям. Рисуя это на экране, он выглядит идеально. Однако когда я рисую то же самое в контексте PDF (CGPDFContextCreate), весь круг получается н…
05 фев '12 в 18:42
1 ответ

WPF радиальные градиенты

Я пробовал следующий код, но последняя строка вызывает ошибку * Аргумент ошибки '1': невозможно преобразовать из 'System.Windows.Media.RadialGradientBrush' в 'System.Drawing.Brush' *У меня визуальная студия 2008 <CODE> /* using System; using S…
18 авг '10 в 21:20
2 ответа

Затухание краев повторяющегося радиального градиента в CSS

Я использую repeating-radial-gradient создать точечный фоновый эффект. Тем не менее, мне нужно потушить верхние и нижние края до непрозрачности 0, не зная, каков цвет фона. Есть ли способ сделать это с помощью CSS, который работает в IE 11+? body, h…
09 май '17 в 00:57
1 ответ

CSS3 градиенты как SVG

На моей странице я использую много CSS3 градиентов. Я хотел бы предоставить некоторый запасной вариант SVG для IE и Opera. Создание откатов SVG для линейного градиента CSS3 довольно просто. Я использую следующий код: <svg xmlns="http://www.w3.org…
06 сен '12 в 15:06
3 ответа

React Native: Радиальный градиент фона

Есть ли пакет или другой способ получить простой, скажем, синий или голубоватый фон радиального градиента для одного из видов? Я пытался реагировать родной радиальный градиент, но кажется, что он устарел.
04 дек '18 в 01:06
1 ответ

createRadialGradient и прозрачность

Я играю с createRadialGradient() на холсте HTML5. Это работает как шарм, за исключением случаев, когда я пытаюсь реализовать (полу) прозрачность. Я сделал этот jsFiddle, чтобы все было понятно: http://jsfiddle.net/rfLf6/1/. function circle(x, y, r, …
02 апр '11 в 21:06
1 ответ

Применить градиент к объекту сферы с помощью JavaFX

Я работаю в JavaFX для класса, и я пытаюсь применить градиент к сфере, но (очевидно), я не могу понять, как это сделать. Я застрял, потому что я знаю, что сфера - это объект, и поэтому он должен иметь материал, но (что касается цветов), PhongMateria…
21 июн '18 в 19:41
1 ответ

div с градиентным фоном и закругленными углами

Я закодировал это div с градиентным фоном и закругленными углами: #pill { font-size: 12px; height: 40px; width: 100px; margin: 0 20px 0 20px; background: transparent; background-image: linear-gradient(#080, #cf0 45%, #cf0 55%, #080); z-index: 1; tex…
25 апр '15 в 07:32
1 ответ

Радиальный зазор в прогрессе, когда он превышает 100%

Мне нужна помощь в настройке радиального кода прогресса, чтобы индикатор выполнения останавливался на 100%, а не перебирался, вызывая разрыв. код прогс радиальный. Любое здесь будет оценено. Вот как это выглядит с разрывом. введите описание изображе…
31 авг '18 в 18:51
2 ответа

Есть ли способ нарисовать CGContextDrawRadialGradient в виде овала вместо идеального круга?

Мне нужен радиальный градиент в форме овала или эллипса, и кажется, что CGContextDrawRadialGradient может нарисовать только идеальный круг. Я рисовал в квадратный контекст, затем копировал / рисовал в прямоугольный контекст. Есть ли лучший способ сд…
02 авг '11 в 13:56
2 ответа

Создайте градиент как изображение

Как я могу создать градиент, как это изображение? Это самое близкое, что у меня есть, но это не то же самое: .background { position: relative; background-image: radial-gradient(circle at top right, #ff9bb4, #ff507b, #ff7a2d, #f55a00 ) ; width: 100%;…
26 фев '18 в 13:58
2 ответа

Как сделать радиальный градиент скайбокса в Unity?

Хорошо, я новичок в скайбоксе, и у меня возникают некоторые проблемы при попытке получить РАДИАЛЬНЫЙ градиентный скайбокс. У меня есть шейдер с радиальным градиентом, однако, когда я ставлю его в качестве скайбокса, часть, которая интерполирует два …
07 янв '17 в 22:09
5 ответов

Создание фиксированного 5-ти кругового рейтинга с использованием CSS/HTML

Я пытаюсь создать 5-балльную рейтинговую систему, используя только CSS и HTML (см. Изображение ниже, чтобы увидеть, как я хотел бы выглядеть), но я не уверен, как этого добиться. Моя первоначальная идея состояла в том, чтобы сделать 5 кругов и затем…
20 мар '16 в 16:06
0 ответов

Поддерживает ли свойство svg фильтра FeFlood "флуд-цвет" градиент в качестве входных данных?

Я экспериментирую с фильтрами SVG, пытаясь создать эффект виньетки. Я нашел фрагмент в старом репо, где автор сделал это так, но feFlood не берет фильтр для меня. Я старался flood-color="url(#gradient_toaster)" тоже, но без разницы. W3 документы гов…
21 авг '18 в 05:20
2 ответа

Почему в Safari не работает радиальный градиент webkit?

Это работает в Chrome, но не в Safari: background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3); Как я могу это исправить для Safari?
30 апр '11 в 09:34
1 ответ

Применение маски радиального градиента SVG к нескольким элементам

У меня есть несколько svg кругов разного цвета и размера, к которым я хотел бы применить маску радиального градиента. Есть ли способ определить одну маску, которая применяется к каждому кругу, растягивая ее, чтобы соответствовать размеру этого круга…
16 окт '13 в 21:23
1 ответ

Радиальный градиент для SVG

Я хочу заполнить SVG радиальным градиентом, но, к сожалению, это не работает. Какую ошибку я совершил? <body> <svg style="display:none"> <defs> <radialGradient id="RadialGradient1"> <stop offset="0%" stop-color="red"/> …
30 янв '18 в 12:31
1 ответ

Есть ли CSS3 фильтр для превращения цветов с градиентами в сплошные цвета

У меня есть особый случай, в котором я использую -webkit-mask с radial-gradient создать маленькие точки на фоновом изображении. Цвет этих точек transparent так что фоновое изображение можно увидеть внутри точек. Теперь есть случай, когда цвет в кажд…
11 июл '14 в 11:32
1 ответ

Радиальные градиенты дуг в D3.js

Из этого примера я вижу, как сделать так, чтобы дуга в D3.js имела 1D градиент от одного конца дуги к другому. Я также хотел бы применить радиальный градиент от внутреннего кольца к внешнему. Это возможно?
09 фев '14 в 18:40
1 ответ

Как градиентно заполнить SVG из внешней таблицы стилей?

Я люблю внешние таблицы стилей и хочу иметь возможность стилизовать любую графику SVG с помощью внешнего листа. Я могу объявить одноцветный штрих и заливку для моего логотипа SVG, но я хочу градиентную заливку. Я пробовал смотреть вещи, но не могу з…
12 окт '15 в 17:50