Skip to content

Instantly share code, notes, and snippets.

@mleko

mleko/dev.ribbon.html

Created July 7, 2016 12:47
Show Gist options
  • Save mleko/a361a68e75ae4f9145cc4c857a20dda8 to your computer and use it in GitHub Desktop.
Save mleko/a361a68e75ae4f9145cc4c857a20dda8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dev.ribbon.html
<div style="font-family: monospace;font-size: 16px;text-align: center;width: 190px;color: white;background-color: #c00;transform: rotate(45deg);z-index: 9999; position: fixed; top: 30px; right: -50px;font-weight: bold;padding: 5px;cursor: pointer;opacity: 1;"
onclick="var s=this.style,p='opacity',t=setTimeout,i=function(){if(s[p]<1){s[p]-=-0.05;s.display='block';t(i,10);}else{s[p]=1;}},o=function(){if(s[p]>0){s[p]-=0.05;t(o,10);}else{s[p]=0;s.display='none';t(i,5e+3);}};o();">
<div style="border: 1px white dashed;">DEVELOPMENT</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment