Untitled

dabblet.css

*,*:after,*before {
  margin: 0;
  padding: 0;
  
  position: relative;
  
  box-sizing: border-box;
  }

html, body {
  height: 100%;
  }

html {
  background: 
    radial-gradient(
      hsla(199,40%,90%,.7), 
      hsla(0,0%,100%,0)
      ) 
      no-repeat, 
    linear-gradient(
      60deg, 
      purple, 
      dodgerblue, 
      violet
      );
  
  box-shadow: inset 0 0 150px 50px hsla(280,30%,20%,.5);
  }

.orb {
  display: inline-block;
  
  position: absolute;
  
  top: 50%;
  right: 50%;
  
  margin-top: -10em;
  margin-right: -10em;
  
  width: 20em;
  height: 20em;
  
  background-position: 
    20% 20%, 
    29% 25%, 
    65% 70%, 
    50% 50%;
  background-size: 15em 15em;
  background-repeat: no-repeat; 
  background-image: 
    radial-gradient(
      hsla(130,80%,90%,.7) 6%,
      hsla(130,80%,50%,.7) 15%,
      hsla(130,80%,50%,0) 30%
      ),    
    radial-gradient(
      hsla(130,80%,70%,.6) 5%, 
      hsla(130,80%,70%,0) 35%
      ),    
    radial-gradient(
      hsla(130,80%,20%,.7) 10%,
      hsla(130,80%,20%,0) 30%
      ),    
    radial-gradient(
      hsla(120,100%,40%,.9) 20%, 
      hsla(120,45%,30%,1) 39%,
      hsla(120,35%,20%,0) 40%
      );
    }

dabblet.html

<div class="orb"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}