Skip to content

Instantly share code, notes, and snippets.

@jasonmarlin
Created December 17, 2015 15:06
Show Gist options
  • Save jasonmarlin/f7717ceb97696fa60646 to your computer and use it in GitHub Desktop.
Save jasonmarlin/f7717ceb97696fa60646 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<style>
.test { color:white; overflow: hidden;}
.test::first-line { background:blue; }
</style>
<div id="spacer" style="display:none; height:3em;"></div>
<div class="test">PASS</div>
<p id="passCondition">Please wait...</p>
<script>
setTimeout(function() {
spacer.style.display = "block";
passCondition.innerHTML = 'Above, the word "PASS" should be seen on a blue background.';
}, 1000);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment