@Haumlett

Как это повторить на html&css?

То, что задизайнили в figma:
66ca82b88b72e084562134.png

То что получается при сохранении в формате svg (sRGB):
66ca8389baebc183384141.png

Возможно ли как-либо повторить это или хотя бы сделать более правдоподобным, используя css и html?
  • Вопрос задан
  • 3328 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Фоновой картинкой. Попробовать варианты svg и webp, сравнить по производительности и размеру.

Если делать такие большие блюры на css, будут сильные лаги на странице.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
copyhold
@copyhold
можно попробовать сделать 2 фоновых градиента
.bg {
  background: 
radial-gradient(closest-corner at 75% 50%, rgba(169,54,77,1) 0%, rgba(142,51,69,0) 100%),
    radial-gradient(circle at 20% 20%, rgba(169,54,77,1) 0%, rgba(142,51,69,0) 100%)

#000;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SPIKS Санкт-Петербург
от 70 000 до 90 000 ₽
PERX Нижний Новгород
До 50 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
06 окт. 2024, в 08:42
20000 руб./за проект
06 окт. 2024, в 08:24
2500000 руб./за проект
06 окт. 2024, в 07:28
1111 руб./за проект