Beautifully Simple Feedback Widget

Works perfectly in the latest versions of Firefox, Chrome, Safari and IE, uses only CSS and is W3C valid.Demo View DemoCSS #feedback{display:block;position:fixed;top:65%;right:0;font-family:georgia;font-size:20px;color:#fff;padding:15px;border-left:4px #7fccff solid;background:#09f} #feedback a{display:none} #feedback:hover a{display:block;color:#7fccff}HTML feedbackfeedback@website.comAs with all my scripts, I write it as simply and clean as possible to get the job done. This script can be used to make all sorts of CSS goodies, popups, flyouts, dropdowns, you can easily incorporate a form or whatever you like by changing a to div.Enjoy.Thanks for reading, Bryan

Works perfectly in the latest versions of Firefox, Chrome, Safari and IE, uses only CSS and is W3C valid.

Demo

View Demo

CSS

#feedback{display:block;position:fixed;top:65%;right:0;font-family:georgia;font-size:20px;color:#fff;padding:15px;border-left:4px #7fccff solid;background:#09f} #feedback a{display:none} #feedback:hover a{display:block;color:#7fccff}

HTML

<div id="feedback">feedback<a href="mailto:feedback@website.com">feedback@website.com</a></div>

As with all my scripts, I write it as simply and clean as possible to get the job done. This script can be used to make all sorts of CSS goodies, popups, flyouts, dropdowns, you can easily incorporate a form or whatever you like by changing a to div.

Enjoy.

Thanks for reading, Bryan

Other Reads:

• GroundWork: Responsive WordPress Theme
• Beautiful Apple Style Dropdown Menu
• Google +1 Button Script