Beautifully Simple Feedback Widget

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


View Demo


#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:block;font-size:0;color:#b4e0fd;transition:all 0.5s ease}
#feedback:hover a{font-size:inherit}


<div id="feedback">feedback<a href=""></a></div>

As with all my scripts, I write them as simply and cleanly 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.