Skip to content

Instantly share code, notes, and snippets.

@LeaVerou

LeaVerou/dabblet.css

Last active May 30, 2018 12:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LeaVerou/576be3400959a7d2f6339614e38c4595 to your computer and use it in GitHub Desktop.
Save LeaVerou/576be3400959a7d2f6339614e38c4595 to your computer and use it in GitHub Desktop.
Download ZIP
Blending over <body>
Raw
dabblet.css
/**
* Blending over <body>
*/
body {
background: url('https://leaverou.github.io/talks/even-more-css-secrets/img/whisper.jpg') center / cover no-repeat gray;
min-height: 100vh;
}
div {
mix-blend-mode: screen;
font: bold 800%/1 Helvetica Neue, sans-serif;
background: #f06;
}
Raw
dabblet.html
<div>Text</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment