Vignette This!
Vignette This! is a small bookmarklet that you can use to apply a fancy pure CSS Vignette Effect to every Web page with just one click. Just drag and drop the link below in your browsers bookmarks bar!
"It's like Instagram for Web Pages!" - Thomas Alva Edison
Vignette This!
Works in current Safari, Opera, Firefox, Chrome. Also Internet Explorer 10+.
Here's the css in human-readable form, if you are interested:
body:after {
background-image: -moz-radial-gradient(center center , ellipse closest-corner, transparent 40%, rgba(0, 0, 0, 0.3) 120%);
background-image: -webkit-radial-gradient(center center , ellipse closest-corner, transparent 40%, rgba(0, 0, 0, 0.3) 120%);
background-image: -ms-radial-gradient(center center , ellipse closest-corner, transparent 40%, rgba(0, 0, 0, 0.3) 120%);
background-image: -o-radial-gradient(center center , ellipse closest-corner, transparent 40%, rgba(0, 0, 0, 0.3) 120%);
background-image: radial-gradient(center center , ellipse closest-corner, transparent 40%, rgba(0, 0, 0, 0.3) 120%);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
z-index: 2;
}