Как воссоздать этот круговой градиент в CSS из дизайна Figma?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как воссоздать этот круговой градиент в CSS из дизайна Figma?

Сообщение Anonymous »

Я пытаюсь воссоздать в CSS круговой градиент, соответствующий тому, который я разработал в Figma. Вот изображение для справки:
Круговой градиент
Градиент, который у меня есть в Figma, определяется как:

Код: Выделить всё

background: linear-gradient(206.12deg, rgba(231, 51, 255, 0.5) -74.73%, rgba(207, 67, 255, 0.483696) 6.69%, rgba(0, 204, 255, 0.5) 108.36%);
Я понимаю, что линейный градиент не подойдет для круглой формы, поэтому я пытаюсь преобразовать его в радиальный градиент в CSS, но изо всех сил пытаюсь получить то же самое посмотрите.
Кто-нибудь знает, как я могу воспроизвести этот эффект градиента в виде круга в CSS? Будем признательны за любые рекомендации и предложения!
Спасибо!
Я пытался преобразовать этот линейный градиент в радиальный градиент, чтобы имитировать круговой вид, но Я не получаю такого же эффекта. Вот CSS, который я попробовал:

Код: Выделить всё

background: radial-gradient(
circle,
rgba(231, 51, 255, 0.5) 10%,
rgba(207, 67, 255, 0.48) 40%,
rgba(0, 204, 255, 0.5) 100%
);
Вот моя скрипка

Подробнее здесь: https://stackoverflow.com/questions/790 ... gma-design
Ответить

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

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

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

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

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