Вопросы с меткой [градиент]
Вектор, своим направлением указывающий направление наибольшего возрастания некоторой величины. Используется для создания графической заливки плавного перетекания одного цвета в другой.
91
вопрос
0
голосов
1
ответ
34
показа
Как сделать прозрачный градиент для кнопки? CSS
.btn3 {
position: absolute;
top: 30%;
left: 45%;
width: 200px;
height: 50px;
font-size: 15px;
border-radius: 10px;
background: linear-gradient(to bottom right, #9a13d7, ...
1
голос
0
ответов
22
показа
Изменение градиента при прокрутке страницы
Есть ли библиотека ReactJS или что либо другое, чтобы плавно изменить градиет на заднем фоне, при прокрутке страницы ? p.s - блок fixed
0
голосов
1
ответ
98
показов
Swift | Как применить градиент к UIButton и сделать текст жирным на кнопке?
Всем привет!
Хочу сделать кнопку с градиентом и жирным текстом, но как только я изменяю толшину и размер шрифта в кнопке, градиент пропадает. Если строчку с изменением шрифта комментирую, градиент ...
0
голосов
0
ответов
16
показов
Почему из-за GradientFill программа не компилируется? [дубликат]
Когда я компилирую такой примитивный код, который просто рисует градиент, компилятор выдаёт ошибку:
неразрешённых внешних элементов: 1
ссылка на неразрешённый внешний символ __imp_GradientFill
...
1
голос
0
ответов
52
показа
Как создать такой градиент для кнопки?
Как создать такой градиент для кнопки?
0
голосов
2
ответа
41
показ
Как я могу получить градиентное обрамление ячейки td по всей таблице?
table {
width:200px;
height: 100px;
}
td {
width:20px;
height: 20px;
background: gray;
}
td:hover {
background: linear-gradient(270deg, rgba(42, 115, 163, 0.354167) 0%, rgba(42, 115, 163, 0....
1
голос
4
ответа
122
показа
Как сделать градиентную полосу обозначающую уровень заполненности?
Нужно сделать градиентную полосу обозначающую уровень заполненности, градиент должен быть горизонтальный, с двумя цветами разными цветами слева и справа, ниже от полосы должны быть значения 0 (слева) ...
1
голос
1
ответ
235
показов
Получить градиент с фото
Есть фотка с градиентом, мне необходимо получить CSS градиент. Можете помочь с этим? Есть ли инструменты для этого? (В макете вставлена именно фотка)
Методом тыка я смог получить градиент, но он не ...
1
голос
2
ответа
238
показов
Как сделать градиентную обводку символов в css? / А точнее - как сделать прозрачной внутреннюю часть символа?
Делая по макету странницу столкнулся с этим:
это даже не обводка - а оформление шрифта (обводка отсутствует).
Задача - сделать такое в css
0
голосов
1
ответ
79
показов
Как наложить градиент поверх фонового изображения?
Всем привет. Никак не получается совместить градиент с фоновым изображением, чтобы получилось как хедер в макете: Макет
Пробовал делать отдельный див, куда прописывал только градиент, все равно не ...
0
голосов
1
ответ
86
показов
Линия с градиентом
Можно ли нарисовать QPolygon не монотонный, а градиентом. Мой код:
from PyQt5.QtWidgets import QApplication, QMainWindow
import sys
from PyQt5.QtGui import QPen,QPainter, QPolygon, QRadialGradient, ...
0
голосов
1
ответ
52
показа
Как залить векторную картинку градиентом?
В drawable загрузил векторную картинку из Vector Asset.
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp&...
0
голосов
3
ответа
252
показа
Gradient для Векторных изображений в XML
Имею векторное изображение в фигме
но при конвертации в Android studio в XML выходит это изображение:
Проще говоря теряеться слой тени и теперь по краям нет тени вовсе. Как сделать так чтобы цвет ...
0
голосов
1
ответ
193
показа
Реализация градиента градиентного спуска в Python
Как возможно реализовать производную от функции с несколькими аргументами, если заранее функция неизвестна в следствии этого и ее производная? Как находить производную по каждому аргументу функции ...
0
голосов
1
ответ
152
показа
Градиент SVG поверх иконки Instagram из FontAwesome 5
После обновления до FontAwesome 5 я не могу раскрашивать svgs FontAwesome.
Вот мой пример: ⠀⠀⠀⠀⠀ https://codepen.io/shadrix/pen/GygdZr
Было бы здорово, если бы это работало, как здесь: ⠀⠀⠀⠀⠀ https://...
0
голосов
0
ответов
16
показов
не могу создать фон из градиентов
Всем привет!
Не получается задать фон несколькими градиентами.
Подскажите куда копать?
Фотки с фигмы
background: linear-gradient(180deg, rgba(222, 237, 255, 0.6) 0%, rgba(166, 204, 250, 0.5) 100%);
(...
0
голосов
1
ответ
660
показов
Градиент от градиента функции в Python
Имеетя поле U, представленное в виде трёхмерного массива mnk.
Подскажите, как в Python посчитать следующее выражение:
где k - массив коэффициентов такой же размерности, как и U.
Очевидно, что на ...
2
голоса
1
ответ
35
показов
Как реализовать подобный border?
Как реализовать подобный border двумя градиентами? По идее, они сходятся в правом нижнем и левом верхнем углу.
0
голосов
0
ответов
50
показов
Как сделать подобный градиентный бордер?
Как сделать подобный border, слегка размытый, с :bofore :after?
это то, что получилось, по идее, это neomorphism
это как нужно
1
голос
1
ответ
219
показов
Как реализовать такую тень при помощи градиента
Это box-shadow, наложенный на градиент или градиент в чистом виде? Как его реализовать?
1
голос
2
ответа
60
показов
Переменная для изменения градиента
Можно ли используя переменную изменить количество blue (тут 85%)? Т.е. я передаю в переменную число и количество синего меняется. Если да, то как?
background: linear-gradient(to top, blue 85%, white ...
5
голосов
1
ответ
438
показов
Градиент границы вместе с 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
ответ
277
показов
Как сделать градиентную рамку у текстового поля, поддерживающую border-radius?
Требуется, чтобы у текстового поля (input[type="text"] и input[type="password"]) была рамка, у которой на заднем фоне находится градиент, но вместе с тем должен работать border-...
3
голоса
2
ответа
169
показов
Как растянуть градиент по всей области блока до низа 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
ответ
70
показов
Нужно задать тексту градиент
.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
ответов
51
показ
Gradient artifacts
Если вывести страницу в печать в браузере через Ctrl + P, то видно как в PDF появляются артефакты в виде тонких полос, в данном случае видна красная вертикальная. Кто нибудь знает как исправить этот ...
3
голоса
2
ответа
57
показов
Цвет постепенно исчезает с обеих сторон div
Мне нужно создать полосу с исчезновением цвета на каждой стороне div, как показано на рисунке ниже, используя CSS.
Как это сделать?
0
голосов
0
ответов
106
показов
Изменение направления градиента во время выполнения программы
Пишу небольшую программку, в которой можно просматривать двухцветные градиенты, написав небольшую основу решил добавить вращение градиента по перетаскиванию мыши с нажатой ЛКМ и столкнулся с проблемой....
2
голоса
0
ответов
256
показов
Как сделать переливающуюся рамку вокруг ConstraintLayout?
На экране имеется 6 ConstraintLayout, внутри каждого какое-то содержимое в виде одного ImageView, но не суть. Я могу запросто сделать рамку вокруг одного цвета статичного с помощью:
<shape android:...
0
голосов
1
ответ
57
показов
Добавить -webkit-linear-gradient в строку html таблицы
нужно вставить градиент не на всю строку, а с 3 по 5 столбец
надо чтоб было так
сейчас
что мне надо
<table>
<thead>
<tr>
<th>---</th>
...
2
голоса
1
ответ
68
показов
Градиент с тенью
Как можно сделать такой градиент с тенью внизу?
3
голоса
1
ответ
58
показов
Диагональный градиент из 2 частей
При использовании
linear-gradient(to top right, silver 50%, blue 50%)
переход получается лесенкой, что особенно хорошо заметно при некоторых соотношениях сторон:
Как сделать красивый плавный ...
0
голосов
0
ответов
117
показов
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
ответ
103
показа
Как сделать тень (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
ответ
46
показов
Удалить маленькую полоску в CSS
Прошу о помощи, так как перепробовал уже все, что мог родить мой несведущий в CSS мозг. Сайт art.auditerra.ru. Через каждые два ряда вот эта полоска из-за того, что два градиента наезжают друг на ...
8
голосов
3
ответа
252
показа
Почему при применении градиента обрезается фигура?
Почему при применении градиента вырезается часть окружности?
<svg width="900" height="200" viewBox="0 0 900 200" style='border: 1px solid black' >
<defs>
<radialGradient id="...
2
голоса
1
ответ
635
показов
Как сделать переход между background-color двух divов
Нужно сделать плавный переход между двумя блоками, но не знаю как это можно реализовать.
с #C4C4C4 к #000000
0
голосов
0
ответов
78
показов
Как можно проще нарисовать радиальный градиент?
Есть ли способ проще, чем просто рисовать 240 кругов разного цвета и радиуса? И как рассчитать точное количество пикселей, нужное для каждого круга, вместо того, что бы отрисовывать по 320*240 ...
1
голос
1
ответ
82
показа
Помогите сделать градиент 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
ответ
89
показов
Как сделать такой градиент? 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
ответ
91
показ
Градиент на части объекта в illustrator cc2018
У меня есть круг с градиентом, мне нужно разрезать его напополам так, чтобы центр градиента не смещался. При попытке обрезать ножом, ножницами, или перекрыть прямоугольником и через обработку контуров ...
8
голосов
2
ответа
2k
показов
Как анимировать радиальный градиент с помощью CSS?
Я пытаюсь создать эффект анимации блеска с радиальным градиентом для блока div, но я не уверен, что мой способ, - лучший способ сделать это.
Я не нашел других решений для достижения того, чего я ...
1
голос
1
ответ
160
показов
css градиент который растворяет элемент [закрыт]
у меня есть элемент с bacground-color и внутри этого элемента есть полупрозрачный круг, и мне надо чтобы этот круг растворялся но я не могу найти css свойство для этого
3
голоса
2
ответа
245
показов
Как создать 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
ответ
79
показов
Как объединить три пути и заполнить их градиентом
Я создал три 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
ответа
90
показов
Почему этот радиальный градиент не завершает круг?
Я пытаюсь использовать радиальный градиент для создания границы внутри элементов круга, которые выполняют роль радио кнопок.
Основной CSS показан ниже. Я не могу понять, почему красный градиент не ...
1
голос
1
ответ
71
показ
Градиент для одной буквы
Возникла такая проблемка: не могу реализовать градиент только для одной буквы:
Пытался реализовывать, задавая селектор и присваивая его самой букве, выделяя её тегами <a class="grad">о!</a&...
3
голоса
0
ответов
349
показов
Плавный переход изображения в CSS [закрыт]
Есть картинка снизу, где при помощи фотошопа происходит постепенный переход изображения к прозрачности.
Можно ли сделать такое на CSS?
P.S. Это не анимация, нужно статически воссоздать такое ...