css filter sepia contrast blur

Code works in Chrome and Safari only.

<style>
.filter { -webkit-filter: sepia(70%) contrast(100%) blur(3px); }​
</style>
<div class="well">
    <h3>sample image:</h3>
    <img src="http://web-profile.net/wp-content/uploads/css-sexy.jpg">
</div>
 
<div class="well">
    <h3>filtered image:</h3>
    <img class="filter" src="http://web-profile.net/wp-content/uploads/css-sexy.jpg">
    <div class="filter">filtered text</div>
</div>

Leave a Reply

Your email address will not be published. Required fields are marked *