Works perfectly in the latest versions of Firefox, Chrome, Safari, and IE and uses only CSS.<\/p>\n
View Demo<\/a><\/p>\n 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.<\/p>\n","protected":false},"excerpt":{"rendered":" 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:block;font-size:0;color:#b4e0fd;transition:all 0.5s ease} #feedback:hover a{font-size:inherit} 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 cleanly as possible to get the job done. This script can … Beautifully Simple Feedback Widget<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39,20,5],"tags":[239,254,221,281,206],"class_list":["post-2451","post","type-post","status-publish","format-standard","hentry","category-code","category-freebies","category-web-design","tag-code","tag-css","tag-freebies","tag-html","tag-web-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/2451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=2451"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/2451\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=2451"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=2451"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=2451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}CSS<\/h2>\n
#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}\r\n#feedback a{display:block;font-size:0;color:#b4e0fd;transition:all 0.5s ease}\r\n#feedback:hover a{font-size:inherit}<\/code><\/pre>\nHTML<\/h2>\n
<div id="feedback">feedback<a href="mailto:feedback@website.com">feedback@website.com<\/a><\/div><\/code><\/pre>\n