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

Градиенты не работают в jQuery
Вот код: $('#pocetak h1.rastavljac').css({ 'background':'#3578ff;', 'background':'-moz-linear-gradient(left, #3578ff 0%, #7AA6ff 15%, #7AA6ff 85%, #3578ff 100%)', 'background':'-webkit-gradient(linear, left top, right top,...
201 просмотров
schedule 28.11.2022

анимировать радиальный градиент CSS3: двигаться слева направо?
Я хочу анимировать фон с радиальным градиентом radial-gradient(circle, rgba(255,255,255,0.8) 0, rgba(255,255,255,0) 100%) , чтобы перемещать его слева направо http://jsfiddle.net/odsb1fjh/2/ как я могу анимировать этот радиальный градиент,...
5205 просмотров

Радиальный градиент фона
Я пытаюсь добиться эффекта ниже с помощью чистого CSS3. Я думаю, что повторяющийся радиальный градиент - это правильный путь, но я не могу понять, как заставить радиальный градиент идти «от большого к меньшему» по горизонтали. Любой совет? Это...
1382 просмотров
schedule 03.08.2022

Как градиентно заполнить SVG из внешней таблицы стилей?
Мне нравятся внешние таблицы стилей, и я хочу иметь возможность стилизовать любую SVG-графику с помощью внешнего листа. Я могу объявить одноцветную обводку и заливку для своего логотипа SVG, но мне нужна градиентная заливка. Я пробовал просматривать...
7866 просмотров
schedule 11.12.2022

Как вырезать отверстие с радиальным градиентом в поле зрения
У меня есть вид с прозрачным световым отверстием, супервид с наложением вида, а в виде обложки есть круглый вид с градиентом отверстия, супервид все еще виден. Я понятия не имею, как реализовать представление градиентного светового отверстия,...
843 просмотров
schedule 01.08.2023

Применить градиент к объекту сферы с помощью JavaFX
Я работаю в JavaFX для класса и пытаюсь применить градиент к сфере, но (очевидно) не могу понять, как это сделать. Я застрял, потому что знаю, что сфера - это объект, и поэтому у нее должен быть материал, но (что касается цветов) PhongMaterial...
289 просмотров

Как сохранить радиальный градиент SVG в виде идеального круга в любом прямоугольнике без использования градиентного преобразования?
Вот код SVG: <svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <radialGradient id="gradient1" cx="50%" cy="50%" r="20%" spreadMethod="reflect"> <stop offset="0%" stop-color="darkblue" /> <stop...
98 просмотров
schedule 07.01.2023

Радиальный градиент CSS-переход
У меня есть div с background-image и radial-gradiant вот так: .main-header { z-index: 2; padding: 1rem; background: var(--themeColor3); margin-bottom: 1rem; padding-bottom: 3.5rem; clip-path: polygon(50% 0%, 100% 0, 100% 65%, 50%...
140 просмотров

Как создать анимацию протирания круга с перьями в iOS?
Мой вопрос требует небольшого пояснения. Если вы хотите перейти к вопросу, найдите вопрос, выделенный жирным шрифтом: ближе к концу. Довольно легко создать анимацию протирания круга в iOS или Mac OS с помощью базовой анимации и масок. Один из...
184 просмотров

Радиальный градиент в форме кольца в CSS
Я хотел бы создать форму кольца с заданной толщиной (в пикселях) с радиальным градиентом. Желаемый результат: Однако я не знаю, как указать толщину в пикселях и обеспечить плавный переход цвета от зеленого к прозрачному (не обрезать). Мое...
386 просмотров
schedule 26.12.2022

Как создать радиальный градиент с помощью Fabric.js
Кажется, я не могу найти хороший пример для последней версии Fabric (4.1), устанавливающей радиальный градиент либо на весь холст, либо на такой объект, как Rect. У меня нет проблем с линейным градиентом, но правильное позиционирование для радиала...
233 просмотров

Проблемы с созданием радиального градиента в дугах с использованием javascript, d3 с данными из файла json
Я использую javascript и d3 (v6) и работаю над созданием графика типа солнечных лучей или в как минимум график с дугами на разных радиальных расстояниях , где каждая дуга потенциально имеет свой собственный градиент ( радиальный градиент от...
65 просмотров

Почему здесь не работает атрибут background-position
Я создал анимацию движущейся сферы с помощью CSS и не понимаю, почему background-position не работает во втором. В первом я написал background-size: 150% 150%; , а во втором — background-size: 100% 100%; . Почему это происходит??? The links...
19 просмотров
schedule 02.06.2023