css3 - MS Word-like background image in CSS -

css3 - MS Word-like background image in CSS -

i'm not sure ms word effect called, when set image document's background, lowers opacity , changes color palette bit.

is there way in css? or off-topic question, in case it's not possible, know name of effect?

image effect:

original image (minus text):

i'm no image professional, i'd have said image had higher saturation , contrast, can achieved using css filter property. utilize opacity along , have effect:

class="snippet-code-css lang-css prettyprint-override">.effect { -webkit-filter: contrast(200%) saturate(200%); opacity: 0.2; } class="snippet-code-html lang-html prettyprint-override"><img src="http://i.stack.imgur.com/6ztgy.jpg"> <img src="http://i.stack.imgur.com/6ztgy.jpg" class="effect" >

alter values passed desired change.

note some-what lack of filter support @ moment.

css css3