2016-11-09 19 views
-1

我不是一个CSS专业版,但我已经得到了这么多。任何人都可以在这段代码上闪耀一些光芒?我正在尝试创建一个具有多个粉色圈子作为背景的背景。需要帮助创建一个粉色圆形的平铺背景

body { 
background: radial-gradient(circle at 50% 50%, #ff72f7 40%, rgba(255,114,247,0) 40%) 100px 100px; 
 background-color:white; 
 background-size:250px 250px; 
} 
+0

看来你已经创建与多个粉红色圆圈为背景的背景。 –

回答

0

只是用它:

<script> 
document.body.setAttribute("style", "background: radial-gradient(circle at 50% 50%, #ff72f7 40%, rgba(255,114,247,0) 40%) 100px 100px; background-color:white; background-size:250px 250px;"); 
</script> 

你可以在浏览器的控制台对其进行测试。

视频:https://drive.google.com/open?id=0B_tqnSHhFPBnbV80bkFHRkMxeEE
HTML:https://drive.google.com/open?id=0B_tqnSHhFPBnQVR0TlJaSWgxRzA
另一个HTML:https://drive.google.com/open?id=0B_tqnSHhFPBnckJsWnNNcEV0Q0E

+0

这就是结果 - http://imgur.com/a/0H2K1我正在寻找整个背景中没有移动的粉色圆圈。 – user3438263

+0

我的屏幕截图:https://drive.google.com/open?id=0B_tqnSHhFPBnVDJLeHhrd0ljTVE – 2016-11-10 14:25:52

+0

也许我不明白,你到底想要什么...... – 2016-11-10 14:38:42