Untitled

dabblet.css

@-moz-keyframes spinner-loader	{
	0%		{
				moz-transform: rotate(0deg);	
					transform: rotate(0deg);
			}
	100%	{
				moz-transform: rotate(360deg);
					transform: rotate(360deg);
			}
}

@-webkit-keyframes spinner-loader	{
	0%		{
				webkit-transform: rotate(0deg);
					   transform: rotate(0deg);
			}
	100%	{
				webkit-transform: rotate(360deg);
					   transform: rotate(360deg);
			}
}

@keyframes spinner-loader	{
	0%		{
				webkit-transform: rotate(0deg);
				   moz-transform: rotate(0deg);
					ms-transform: rotate(0deg);
					   transform: rotate(0deg);	
			}
	100%	{
				webkit-transform: rotate(360deg);
				   moz-transform: rotate(360deg);
					ms-transform: rotate(360deg);
					   transform: rotate(360deg);

			}
}

.spinner-loader:not(:required)	{
	animation: spinner-loader 1500ms infinite linear;
	border-radius: 0.5em;
	box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;

	moz-animation: spinner-loader 1500ms infinite linear;
	moz-border-radius: 0.5em;
	moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;
	
	webkit-animation: spinner-loader 1500ms infinite linear;
	webkit-border-radius: 0.5em;
	webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) 1.1em -1.1em 0 0;	
	
	display: inline-block;
	font-size: 10px;
	height: 1em;
	margin: 1.5em;
	overflow: hidden;
	text-indent: 100%;
	width: 1em;
}

dabblet.html

<div class="spinner-loader">  Loading…</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}