user3438263 user3438263 - 21 days ago 6
CSS Question

Need help creating a tiled background of a pink circle

I'm not a CSS pro, but I've gotten this far. Can anyone else shine some light on this code? I'm trying to create a background that has multiple pink circles as the background.

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;
}

Answer

Just use it:

<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>

You can test it in the console of your browser.

Video: https://drive.google.com/open?id=0B_tqnSHhFPBnbV80bkFHRkMxeEE
HTML: https://drive.google.com/open?id=0B_tqnSHhFPBnQVR0TlJaSWgxRzA
Another HTML: https://drive.google.com/open?id=0B_tqnSHhFPBnckJsWnNNcEV0Q0E

Comments