Вопросы с меткой [градиент]
Вектор, своим направлением указывающий направление наибольшего возрастания некоторой величины. Используется для создания графической заливки плавного перетекания одного цвета в другой.
85
вопросов
0
голосов
2
ответа
28
показов
Как сделать градиентную обводку символов в css? / А точнее - как сделать прозрачной внутреннюю часть символа?
Делая по макету странницу столкнулся с этим:
это даже не обводка - а оформление шрифта (обводка отсутствует).
Задача - сделать такое в css
0
голосов
1
ответ
12
показов
Как наложить градиент поверх фонового изображения?
Всем привет. Никак не получается совместить градиент с фоновым изображением, чтобы получилось как хедер в макете: Макет
Пробовал делать отдельный див, куда прописывал только градиент, все равно не ...
0
голосов
0
ответов
8
показов
Как сделать градиент яркости и насыщенности цвета для треугольника?
Сделал треугольный слайдер на блупринтах в ue4 для выбора яркости и насыщенности заданного цвета, теперь нужно сделать градиент того, что выбираю!
Пытался сделать в фотошопе, но получается очень не ...
0
голосов
1
ответ
40
показов
Линия с градиентом
Можно ли нарисовать QPolygon не монотонный, а градиентом. Мой код:
from PyQt5.QtWidgets import QApplication, QMainWindow
import sys
from PyQt5.QtGui import QPen,QPainter, QPolygon, QRadialGradient, ...
0
голосов
1
ответ
39
показов
Как залить векторную картинку градиентом?
В drawable загрузил векторную картинку из Vector Asset.
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp&...
0
голосов
3
ответа
96
показов
Gradient для Векторных изображений в XML
Имею векторное изображение в фигме
но при конвертации в Android studio в XML выходит это изображение:
Проще говоря теряеться слой тени и теперь по краям нет тени вовсе. Как сделать так чтобы цвет ...
0
голосов
1
ответ
86
показов
Реализация градиента градиентного спуска в Python
Как возможно реализовать производную от функции с несколькими аргументами, если заранее функция неизвестна в следствии этого и ее производная? Как находить производную по каждому аргументу функции ...
0
голосов
1
ответ
56
показов
Градиент SVG поверх иконки Instagram из FontAwesome 5
После обновления до FontAwesome 5 я не могу раскрашивать svgs FontAwesome.
Вот мой пример: ⠀⠀⠀⠀⠀ https://codepen.io/shadrix/pen/GygdZr
Было бы здорово, если бы это работало, как здесь: ⠀⠀⠀⠀⠀ https://...
0
голосов
0
ответов
15
показов
не могу создать фон из градиентов
Всем привет!
Не получается задать фон несколькими градиентами.
Подскажите куда копать?
Фотки с фигмы
background: linear-gradient(180deg, rgba(222, 237, 255, 0.6) 0%, rgba(166, 204, 250, 0.5) 100%);
(...
0
голосов
1
ответ
148
показов
Градиент от градиента функции в Python
Имеетя поле U, представленное в виде трёхмерного массива mnk.
Подскажите, как в Python посчитать следующее выражение:
где k - массив коэффициентов такой же размерности, как и U.
Очевидно, что на ...
0
голосов
0
ответов
53
показа
Наложение градиентов Figma -> CSS
Возникла проблема с наложением градиентов при верстке страницы с Figma.Есть тёмный градиент идущий ,состоящий из (#131A1B 100% ,131A1B 100% ,131A1B 0%) Pass through 95% и поверх него накладывается ...
2
голоса
1
ответ
33
показа
Как реализовать подобный border?
Как реализовать подобный border двумя градиентами? По идее, они сходятся в правом нижнем и левом верхнем углу.
0
голосов
0
ответов
41
показ
Как сделать подобный градиентный бордер?
Как сделать подобный border, слегка размытый, с :bofore :after?
это то, что получилось, по идее, это neomorphism
это как нужно
1
голос
1
ответ
111
показов
Как реализовать такую тень при помощи градиента
Это box-shadow, наложенный на градиент или градиент в чистом виде? Как его реализовать?
1
голос
2
ответа
28
показов
Переменная для изменения градиента
Можно ли используя переменную изменить количество blue (тут 85%)? Т.е. я передаю в переменную число и количество синего меняется. Если да, то как?
background: linear-gradient(to top, blue 85%, white ...
4
голоса
1
ответ
171
показ
Градиент границы вместе с Border Radius
У меня есть следующий CSS:
a.btn.white-grad {
background: $lgrey;
color: #313149 !important;
border: 1px solid #000;
border-image-source: linear-gradient(to right, #9c20aa, #fb3570);
...
0
голосов
1
ответ
98
показов
Как сделать градиентную рамку у текстового поля, поддерживающую border-radius?
Требуется, чтобы у текстового поля (input[type="text"] и input[type="password"]) была рамка, у которой на заднем фоне находится градиент, но вместе с тем должен работать border-...
3
голоса
2
ответа
104
показа
Как растянуть градиент по всей области блока до низа CSS
body {
background: #333;
margin: 0;
}
.wrapper {
width: 300px;
height: 200px;
background: #fff;
margin: 50px auto;
box-sizing: border-box;
padding: 10px;
overflow: hidden;
overflow-y: scroll;...
1
голос
1
ответ
61
показ
Нужно задать тексту градиент
.one{
background: linear-gradient(to right, #1f4ea2 0%, #36a9e1 60%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 100px;
}
<div class="one">Example ...
1
голос
0
ответов
37
показов
Gradient artifacts
Если вывести страницу в печать в браузере через Ctrl + P, то видно как в PDF появляются артефакты в виде тонких полос, в данном случае видна красная вертикальная. Кто нибудь знает как исправить этот ...
3
голоса
2
ответа
38
показов
Цвет постепенно исчезает с обеих сторон div
Мне нужно создать полосу с исчезновением цвета на каждой стороне div, как показано на рисунке ниже, используя CSS.
Как это сделать?
0
голосов
0
ответов
68
показов
Изменение направления градиента во время выполнения программы
Пишу небольшую программку, в которой можно просматривать двухцветные градиенты, написав небольшую основу решил добавить вращение градиента по перетаскиванию мыши с нажатой ЛКМ и столкнулся с проблемой....
2
голоса
0
ответов
153
показа
Как сделать переливающуюся рамку вокруг ConstraintLayout?
На экране имеется 6 ConstraintLayout, внутри каждого какое-то содержимое в виде одного ImageView, но не суть. Я могу запросто сделать рамку вокруг одного цвета статичного с помощью:
<shape android:...
0
голосов
1
ответ
42
показа
Добавить -webkit-linear-gradient в строку html таблицы
нужно вставить градиент не на всю строку, а с 3 по 5 столбец
надо чтоб было так
сейчас
что мне надо
<table>
<thead>
<tr>
<th>---</th>
...
2
голоса
1
ответ
64
показа
Градиент с тенью
Как можно сделать такой градиент с тенью внизу?
3
голоса
1
ответ
46
показов
Диагональный градиент из 2 частей
При использовании
linear-gradient(to top right, silver 50%, blue 50%)
переход получается лесенкой, что особенно хорошо заметно при некоторых соотношениях сторон:
Как сделать красивый плавный ...
0
голосов
0
ответов
92
показа
SVG Circle | Линейный градиент для круга с динамическим заполнением
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<defs>
<linearGradient id="gradient" x1="0" x2="100%" y1="0" y2="100%" ...
1
голос
1
ответ
80
показов
Как сделать тень (drop-shadow) градиентом
Есть такой пример.
window.addEventListener('mousemove', e => {
i.style.filter = 'drop-shadow(' + e.clientX / 100 + 'px ' + e.clientY / 100 + 'px 5px rgb(' + e.clientX / 3 + ' ' + e.clientX /...
0
голосов
1
ответ
36
показов
Удалить маленькую полоску в CSS
Прошу о помощи, так как перепробовал уже все, что мог родить мой несведущий в CSS мозг. Сайт art.auditerra.ru. Через каждые два ряда вот эта полоска из-за того, что два градиента наезжают друг на ...
8
голосов
3
ответа
209
показов
Почему при применении градиента обрезается фигура?
Почему при применении градиента вырезается часть окружности?
<svg width="900" height="200" viewBox="0 0 900 200" style='border: 1px solid black' >
<defs>
<radialGradient id="...
2
голоса
1
ответ
198
показов
Как сделать переход между background-color двух divов
Нужно сделать плавный переход между двумя блоками, но не знаю как это можно реализовать.
с #C4C4C4 к #000000
0
голосов
0
ответов
63
показа
Как можно проще нарисовать радиальный градиент?
Есть ли способ проще, чем просто рисовать 240 кругов разного цвета и радиуса? И как рассчитать точное количество пикселей, нужное для каждого круга, вместо того, что бы отрисовывать по 320*240 ...
1
голос
1
ответ
75
показов
Помогите сделать градиент CSS
Помогите, пожалуйста, сделать вот такой градиент на CSS.
1
голос
0
ответов
35
показов
Помогите разобраться с градиентом CSS
html {
background:
linear-gradient(45deg, transparent 37%, #dde 0, #dde 63%, transparent 0),
#8B4513;
background-size: 100px 100px;
}
Вот есть такой градиент. Путем различных ...
1
голос
1
ответ
73
показа
Как сделать такой градиент? CSS
Есть вот такой код :
html {
.basket(#335, #dde, #aab, 40px);
}
.basket(@background, @to-right, @to-left, @size:25px) {
background: linear-gradient(45deg, @to-right 12%, transparent 0, ...
0
голосов
1
ответ
63
показа
Градиент на части объекта в illustrator cc2018
У меня есть круг с градиентом, мне нужно разрезать его напополам так, чтобы центр градиента не смещался. При попытке обрезать ножом, ножницами, или перекрыть прямоугольником и через обработку контуров ...
8
голосов
2
ответа
1k
показов
Как анимировать радиальный градиент с помощью CSS?
Я пытаюсь создать эффект анимации блеска с радиальным градиентом для блока div, но я не уверен, что мой способ, - лучший способ сделать это.
Я не нашел других решений для достижения того, чего я ...
1
голос
1
ответ
115
показов
css градиент который растворяет элемент [закрыт]
у меня есть элемент с bacground-color и внутри этого элемента есть полупрозрачный круг, и мне надо чтобы этот круг растворялся но я не могу найти css свойство для этого
3
голоса
2
ответа
211
показов
Как создать svg-градиент с 3 точками в треугольнике, которые смешиваются вместе
<svg id="color-gradient" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
...
0
голосов
1
ответ
64
показа
Как объединить три пути и заполнить их градиентом
Я создал три path
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 10 100 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="black" fill="transparent"/>
...
1
голос
3
ответа
2k
показов
Button linear gradient border radius transparent
Как сделать кнопку, с градиентом для border, также border-radius: 50px, и внутри фон transparent?
Получилось сделать только чтобы фон внутри был заполнен белым цветом, не transparent.
.wrap{
...
4
голоса
2
ответа
75
показов
Почему этот радиальный градиент не завершает круг?
Я пытаюсь использовать радиальный градиент для создания границы внутри элементов круга, которые выполняют роль радио кнопок.
Основной CSS показан ниже. Я не могу понять, почему красный градиент не ...
1
голос
1
ответ
52
показа
Градиент для одной буквы
Возникла такая проблемка: не могу реализовать градиент только для одной буквы:
Пытался реализовывать, задавая селектор и присваивая его самой букве, выделяя её тегами <a class="grad">о!</a&...
3
голоса
0
ответов
296
показов
Плавный переход изображения в CSS [закрыт]
Есть картинка снизу, где при помощи фотошопа происходит постепенный переход изображения к прозрачности.
Можно ли сделать такое на CSS?
P.S. Это не анимация, нужно статически воссоздать такое ...
1
голос
1
ответ
31
показ
Проблемы с дизайном при помощи градиента
Ребят, столкнулся с проблемой оформления секции header. Судя по всему, должны использоваться изображение и градиент, но у меня получается не то, что показано на макете.
Прошу помочь с проблемой
<!...
3
голоса
2
ответа
63
показа
Как я могу правильно добавить тень и градиент к моей фигуре?
Я хочу сделать следующий дизайн:
Я пытался с ::after и ::before, но это не работает.
Мой код ниже:
.design {
background: #ea053a;
display: inline-block;
height: 155px;
margin-...
0
голосов
1
ответ
50
показов
Как сделать Reverse для данного градиента при ховере?
Привет есть такой градиент
linear-gradient(to bottom, #fc5a83, #fd4362 33%, #ff8f5d);
Как сделать reverse при наведение если его позиция to bottom. Пробовал сделать ховер , получается если менять ...
1
голос
1
ответ
86
показов
Как вывести строку с градиентным затуханием по краям?
Будет компонент, в нём можно будет мышкой скролить строку (или изображение) влево/вправо, строка длинная, потому хотелось бы сделать какой-то линейный градиент в виде маски по краям, чтобы был эффект ...
0
голосов
1
ответ
69
показов
CSS - градиент на background
Есть рабочий код:
background:url('/wp-content/images/flag.png') #c6e3fe 7% 10px no-repeat;
Но я захотел всунуть градиент в это дело:
background:url('/wp-content/images/flag.png') linear-gradient(to ...
0
голосов
1
ответ
461
показ
Threejs задний фон сцены градиентом
Собственно сам вопрос. Можно ли задать задний фон сцены градиентом, чтобы он со временем плавно менялся (например из желто-синего в красно-зеленый)?