Skip to content

Instantly share code, notes, and snippets.

@david-blanchard

david-blanchard/dabblet.css

Created August 12, 2023 15:36
Show Gist options
  • Save david-blanchard/ddb33de281e39d6b30743c757cf498a9 to your computer and use it in GitHub Desktop.
Save david-blanchard/ddb33de281e39d6b30743c757cf498a9 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
}
body:before {
content: '';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display: block;
width: 100%;
height: 600px;
border-radius: 0%;
background: /* older syntax */
-webkit-radial-gradient(50% 0, circle,
rgba(0,255,0,.5), rgba(0,255,0,0) 70.71%),
-webkit-radial-gradient(6.7% 75%, circle,
rgba(0,0,255,.5), rgba(0,0,255,0) 70.71%),
-webkit-radial-gradient(93.3% 75%, circle,
rgba(0,255,0,.5), rgba(0,255,0,0) 70.71%);
background: /* newest syntax */
radial-gradient(circle at 50% 0,
rgba(255,0,0,.5), rgba(255,0,0,0) 70.71%),
radial-gradient(circle at 6.7% 75%,
rgba(0,0,255,.5), rgba(0,0,255,0) 70.71%),
radial-gradient(circle at 93.3% 75%,
rgba(0,255,0,.5), rgba(0,255,0,0) 70.71%);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
http://stackoverflow.com/questions/18452885/building-a-4-corners-colors-css3-gradient
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment