2016-11-09 85 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