Skip to content

Instantly share code, notes, and snippets.

@SamWhited
Created January 18, 2012 17:08
Show Gist options
  • Save SamWhited/1634103 to your computer and use it in GitHub Desktop.
Save SamWhited/1634103 to your computer and use it in GitHub Desktop.
A quick HTML5-ish StopSOPA banner

Use

Make sure the banner is inside of a div or other block level element that has its position set to relative (position: relative;). Adjust the position of the banner by modifying top and left.

By default, the width and height of the banner are set to 100% of whatever relatively positioned div it is placed in.

<a href="http://sopastrike.com/strike"><div style="-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);position:absolute;top:10px;left:0;width:100%;height:100%;background-color:#000000;color:#333333;z-index:10;font-size:4em;text-align:center;text-shadow:#cccccc 0 1px 1px;">StopSOPA</div></a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment