简约漂亮的网页背景渐变特效CSS
渐变色背景的应用在各种网页制作、u设计是非常普遍的,分享的这套渐变背景简约大气,颜色配比很灵活,给人舒适感。
<style> body { background-image:radial-gradient(rgba(255,0,0,0.3),rgba(255,0,0,0) 40vw),radial-gradient(rgba(0,128,0,0.3),rgba(0,128,0,0) 40vw),radial-gradient(rgba(0,0,255,0.3),rgba(0,0,255,0) 40vw),radial-gradient(rgba(255,255,0,0.3),rgba(255,255,0,0) 40vw),radial-gradient(rgba(255,0,0,0.3),rgba(255,0,0,0) 40vw); background-position:-40vw 14rem,50% 10rem,60vw 14rem,-10vw calc(14rem + 20vw),30vw calc(14rem + 20vw); background-size:80vw 80vw } </style> <div class="body"></div>