这个网站背景渐变效果怎么实现的？

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 889 days ago, the information mentioned may be changed or developed.

地址： https://imagine.meta.com/

地址

背景

网站

效果

3 replies • 2023-12-09 20:22:08 +08:00

ltq918

Dec 9, 2023

```css

.x1e2d8s5 {
background-image: radial-gradient(rgba(255,255,255,.25),rgba(255,255,255,0) 40%),radial-gradient(hsla(44,100%,66%,1) 30%,hsla(338,68%,65%,1),hsla(338,68%,65%,.4) 41%,transparent 52%),radial-gradient(hsla(272,100%,60%,1) 37%,transparent 46%),linear-gradient(155deg,transparent 65%,hsla(142,70%,49%,1) 95%),linear-gradient(45deg,hsla(213,100%,44%,1),hsla(209,100%,53%,1));
}

```

ltq918

Dec 9, 2023

这个是完整的
```css

.radient-background {
background-image: radial-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, 0) 40%), radial-gradient(hsla(44, 100%, 66%, 1) 30%, hsla(338, 68%, 65%, 1), hsla(338, 68%, 65%, .4) 41%, transparent 52%), radial-gradient(hsla(272, 100%, 60%, 1) 37%, transparent 46%), linear-gradient(155deg, transparent 65%, hsla(142, 70%, 49%, 1) 95%), linear-gradient(45deg, hsla(213, 100%, 44%, 1), hsla(209, 100%, 53%, 1));
background-position: bottom left, 109% 68%, 109% 68%, center, center;
background-size: 200% 200%, 285% 500%, 285% 500%, cover, cover;
background-repeat: no-repeat;
opacity: .08;
}

```

isajdhs

Dec 9, 2023

@ltq918 #1 找到了，谢谢