Вопросы по теме 'radial-gradients'

Стек градиентов в -webkit-gradient
Могу ли я объединить 3 градиента в один -webkit-gradient? Я хочу иметь изображение с радиальным градиентом для «фона» и «среднего плана» и линейным градиентом для «переднего плана». Это возможно?
478 просмотров

Как применить несколько радиальных градиентов css к одному элементу
У меня есть следующий стиль, примененный к моему элементу div : background-image: -moz-radial-gradient(50% -10%, ellipse closest-corner, rgba(5, 5, 5, 0.7), rgba(0, 0, 0, 0) 100%); Это имеет желаемый эффект (будучи внутренней тенью только в...
9106 просмотров
schedule 20.05.2022

Рисование WPF с использованием эффекта типа RadialGradientBrush?
Использование RadialGradientBrush простое и позволяет центральному цвету сливаться с внешним цветом. Это прекрасно работает как кисть для заполнения внутренней части прямоугольника или границы. Я хочу добиться эффекта применения этой кисти, как если...
1429 просмотров
schedule 18.08.2022

Как создать маску затухания в холсте html5 для белого фона
У меня есть круговая анимация холста, и я хочу, чтобы края исчезли. Решение, к которому я пришел, заключалось в том, чтобы создать больший холст, чтобы поместить его на передний план с радиальным градиентом от прозрачного до любого цвета фона. Это...
516 просмотров

Радиальный градиент от черного к белому дает весь черный экран
Должно быть очень просто создать радиальный градиент от черного к белому с помощью Core Graphics, но даже после многих попыток я не могу понять, где я ошибаюсь. Я хочу что-то вроде этого: Это мой код: CGFloat radius =...
200 просмотров

Чистая граница круга градиента CSS
У меня есть это требование пользовательского интерфейса На данный момент у меня есть рабочее решение div (с фиксированной высотой и шириной и фоновым изображением для внешней границы градиента) и псевдоэлементом, расположенным absolute с...
3509 просмотров
schedule 13.11.2022

Тип «UIImage» не имеет члена «radialGradientImage»
Я пытаюсь использовать цветовой градиент для фона сцены в моей игре с набором спрайтов. Итак, это выглядит примерно так: Мне нужна помощь в решении следующей ошибки: Тип «UIImage» не имеет члена «radialGradientImage» Код:...
380 просмотров

Как работает CSS-магия прокручивающихся теней?
Я нашел эту печально известную статью от 2012 года. прокручивать тени и по-прежнему прекрасно работает, но я действительно хочу понять решение, и я не могу найти необходимую информацию в Интернете. Вот уменьшенный код, первоначально созданный (...
360 просмотров

Как я могу избежать использования «at» в радиальном градиенте?
Я хочу получить приведенный ниже результат, но без использования синтаксиса at , потому что он не поддерживается в Safari, у меня с этим проблемы. Кто-нибудь знает какой-нибудь подход? Заранее спасибо! #content { background-color:...
39 просмотров
schedule 28.09.2022

Назначение градиента с помощью JS не выполняется для динамически сгенерированного градиента
Назначение градиента элементу HTML завершается ошибкой, если строка CSS создается в JS во время выполнения, но не происходит, если это строка, определенная как константа. Я хочу сгенерировать радиальный градиент в позиции курсора, но я упростил этот...
29 просмотров

Можно ли визуализировать радиальные градиенты SVG с помощью градиентных преобразований в координатах userSpaceOnUse с использованием текущих функций 2D API холста MDN?
У меня есть SVG: <svg height="781.8" width="1077.15" xmlns="http://www.w3.org/2000/svg"> <radialGradient cx="0" cy="0" gradientTransform="matrix(-0.0664, 0.0141, 0.0063, 0.0288, 137.9, -123.45)" gradientUnits="userSpaceOnUse"...
438 просмотров