Skip to content

Instantly share code, notes, and snippets.

@deadflowers

deadflowers/dabblet.css

Created March 21, 2025 06:02
Show Gist options
  • Save deadflowers/fe712e28bde125344941a305fc55501a to your computer and use it in GitHub Desktop.
Save deadflowers/fe712e28bde125344941a305fc55501a to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body{background: #f06;background: linear-gradient(45deg, #f06, yellow);min-height: 100vh;width:100vw;}
.wrap{display:flex;flex-grow:1;flex-direction: column;}
.wrap button:before{background:linear-gradient(45deg, white,transparent,transparent,transparent);
transition: background 0.3s ease, transform 0.2s ease;
}
.wrap button{width:10em;text-align:center;
align-self:center;
line-height:5;
border-radius:25px;
background:linear-gradient(45deg, transparent,white,transparent);}
.wrap button:hover{background:linear-gradient(45deg, transparent,transparent,white,transparent);}
.wrap button:after{background:linear-gradient(45deg, transparent,transparent,transparent,white);}
Raw
dabblet.html
<body>
<div class="wrap">
<button>hover me</button>
</div>
</body>
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