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

CSS3 PIE: линейные градиенты не работают в IE9
Я использую CSS3 PIE на своем сайте и заметил, что линейные градиенты не работают в IE9. Раньше я использовал PIE для поддержки линейного градиента без проблем в IE9, поэтому я не могу понять, в чем проблема на этот раз. Вещи, которые я пробовал...
1230 просмотров

растянуть линейный градиент в андроиде
У меня есть этот градиент: gradient = new LinearGradient(0, 0, 0, 150, Color.WHITE, Color.GRAY, Shader.TileMode.MIRROR); Прямо сейчас он имеет высоту 150, но я бы хотел, чтобы эта высота была такой же, как у холста или родительского...
433 просмотров
schedule 11.04.2024

iOS Найти цвет в точке между двумя цветами
У меня проблема: мне нужно взять два цвета и сделать из них «виртуальный градиент». Затем мне нужно найти цвет в любой точке этой линии. Мой текущий подход таков: if (fahrenheit < kBottomThreshold) { return [UIColor...
4807 просмотров

Как я могу сделать поток градиента в нескольких направлениях?
Я хотел бы создать эффект ambilight с помощью градиентов. В css3 вы можете позволить градиенту двигаться от top to bottom , bottom to top , left to right или от right to left , и вы можете использовать несколько цветов. но только для одного...
3637 просмотров
schedule 26.10.2022

webkit градиенты и непрозрачность
Попытка сделать градиенты, которые являются кросс-браузерными: -webkit-linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(255,0,0,1) 100%) отлично работает в хроме - верхний правый угол красный и верхняя непрозрачность исчезает, и любой цвет в первом...
46 просмотров
schedule 30.01.2024

Как получить два горизонтальных цвета фона в одном div, используя линейный градиент?
Я хочу иметь два горизонтальных цвета фона в одном div . Я использую для этого линейный градиент, но проблема здесь в эффекте затухания (смешивания) между двумя цветами. Я хочу удалить этот эффект, чтобы у меня были четкие цвета рядом друг с другом...
3508 просмотров
schedule 14.07.2022

Цвета градиента неожиданно меняются
Я работаю над макросом форматирования, который выбирает варианты и форматирует их в соответствии с выбранными значениями в пользовательской форме. Один из этих вариантов создает большую объединенную ячейку с цветовым градиентом от светлого до...
116 просмотров
schedule 27.12.2023

Как сделать кнопку с тупым углом?
как сделать кнопку с тупым углом? Я хотел бы, чтобы это произошло я попал сюда так Мой код - Fiddle *{ box-sizing: border-box; } .btn{ display: inline-block; padding: 16px 30px; color: #fff; border: 1px...
500 просмотров
schedule 18.02.2024

Как сделать градиент CSS плавным?
У меня черный фон, и я хочу добавить блок внутри с простым градиентом CSS от прозрачного до 0,7 белого: linear-gradient(to right, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.76) 14%, hsla(0, 0%, 100%, 0.76) ) Но это выглядит...
5274 просмотров
schedule 27.06.2022

Применение линейного градиента к сегменту (UIBezierPath)
Я ссылаюсь на предыдущую проблему (решенную), поскольку она возникла новый вопрос: Теперь у меня есть линейный градиент, но я не могу заставить его начинаться в центре и заканчиваться на противоположной стороне сегмента круговой диаграммы...
441 просмотров

Как сделать прозрачную (альфа) градиентную маску, чтобы один слой стал прозрачным в Android?
Я хочу, чтобы один слой исчезал в нижних слоях (или прозрачность зависит от того, как вы ее видите) в соответствии с градиентом. Так называемая прозрачная (альфа) градиентная маска. Я ищу решение, похожее на это , но на Android вместо ios:...
1367 просмотров

Добавление горизонтальных и вертикальных градиентов затухания к элементу
Есть ли способ иметь градиент фона слева направо, от темно-красного до светло-красного (просто в качестве примера), но также и в то же время затухание от верхней 100% непрозрачности до нижней 0% непрозрачности? Это не то же самое, что диагональный...
3129 просмотров
schedule 31.12.2023

Угловой линейный градиент CSS с вложенным градиентом
Это то, чего я пытаюсь достичь: Светло-голубые линии — это просто маркеры. Мне нужен угол от фиксированного пикселя от центра (влево). И я также хочу, чтобы темно-синий слева тоже был градиентом. Я могу сделать угол, который мне нужен,...
1067 просмотров
schedule 22.09.2022

Анимация фона в индикаторе выполнения (HTML5) Shadow DOM
Я пытаюсь анимировать индикатор выполнения (тег HTML5 <progess> ). Мне удалось стилизовать элементы Shadow DOM, но я не могу анимировать фон (повторяющийся линейный градиент). Он работает в Firefox, но не в Chrome и Edge. <ins> Не...
156 просмотров

как работает размер фона при работе с линейными градиентами?
body {margin: 0;background-size: 33.3% 33.3vw; background: repeating-linear-gradient( to right, #fd4e1e 0px, transparent 2px 33.3vw ), repeating-linear-gradient( to bottom, #fd4e1e 0px, transparent 2px 33.3vw );display: grid;grid-template-columns:...
46 просмотров

Как создать линейный градиент только на левой границе и нормальную границу для трех других сторон с содержимым?
Как создать это с помощью css линейный градиент только на левой границе и нормальная граница для других 3 сторон с содержимым в центре
49 просмотров
schedule 25.07.2022