Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save weedkiller/a86c002b642bb88a893b9cb87c38ae68 to your computer and use it in GitHub Desktop.
Save weedkiller/a86c002b642bb88a893b9cb87c38ae68 to your computer and use it in GitHub Desktop.
// html
<div id="feedback">
<a href="/feedback_url/">feedback</a>
</div>
// css
#feedback {
height: 104px;
width: 104px;
position: fixed;
top: 40%;
z-index: 999;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#feedback a {
display: block;
background: #f00;
height: 15px;
width: 70px;
padding: 8px 16px;
color: #fff;
font-family: Arial, sans-serif;
font-size: 17px;
font-weight: bold;
text-decoration: none;
border-bottom: solid 1px #333;
border-left: solid 1px #333;
border-right: solid 1px #fff;
}
#feedback a:hover {
background: #06c;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment