Beautifully Simple Feedback Widget

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

Demo

View Demo

CSS

#feedback{display:block;position:fixed;top:65%;right:0;font-family:georgia,serif;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 them as simply and clean as possible to get the job done. This script can be used to make all sorts of CSS goodies: pop-ups, fly-outs, drop-downs, etc. You can easily incorporate a form or whatever other content you like into the widget, by simply swapping out the link code for a div.

  • Andrea Bellucci

    Thank you. I really need a quick and clean feedback widget to add to my page.