Фоновые градиенты + шумовой комбоCSS

Разбираемся в CSS
Ответить
Anonymous
 Фоновые градиенты + шумовой комбо

Сообщение Anonymous »

Я пытаюсь в течение нескольких часов, чтобы воспроизвести это здесь, в веб -потоке (или, как правило, в коде), но застрял (ИИ здесь не помогает). < /p>
Пока я думаю, что я грубо получил градиент, но на самом деле борюсь с шумом здесь. Я пробовал множество вариантов, но шум всегда выходит Super S *** (субоптимальный). < /P>
Я пробовал инструменты для создания шума, но никогда не получаю результаты, которые даже близки к тому, что я получил на скриншоте ниже. < /P>
Градиент + шум: введите изображение здесь
ine were hese this hod hod word
< /pse gradiencient: вводите изображение. Я хочу иметь несколько красных пикселей в центре, а затем больше пикселей исчезают в радиале до края экрана. < /P>
Я также прикрепил градиенты и шум отдельно. Один центрированный «шумовый шар» также в порядке - не нужно иметь шум с правой стороны. Я работаю в Webflow - должен быть вторичным, так как это пользовательский код, но просто помечаю. Спасибо! < /P>
ниже дает мне супер большие пиксели и ничего не близко к тому шуму, который я хочу. < /P>
.gradient-bg {
background:
url("data:image/svg+xml;utf8,"),

radial-gradient(100% 100% at 70% 90%, rgba(255,107,107,0.85) 0%, rgba(255,196,196,0.5) 47%, rgba(242,242,242,0) 100%),
radial-gradient(100% 100% at 15% 100%, #F0DB78 0%, rgba(242,242,242,0) 100%),
#F2F2F2;
background-size: cover, cover, cover, cover;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
}


Подробнее здесь: https://stackoverflow.com/questions/796 ... oise-combo
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»