Untitled

dabblet.css

body {
background-color: black;
}

#preload {
        display: block;
        background-color: #fff;
        box-shadow: 0 0 3px 3px #fff, 0 0 2px 2px #fff;
        border-radius: 50%;
        width: 2px;
        height: 2px;
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: 1;
        
        animation-name: boom;

        animation-duration: 1s;
        animation-fill-mode: both;
        animation-delay: 3s;
        animation-iteration-count: 2;
        animation-direction: alternate;
}

       

@keyframes boom {
       0% {
                opacity: 0;
                transform: scale(1);
        }
       100% {
               opacity: 1;
               transform: scale(1500);
        }}

dabblet.html

<div id="preload"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}