Code works in Chrome and Safari only.
<style>
.filter { -webkit-filter: sepia(70%) contrast(100%) blur(3px); }
</style> |
<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> |
<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>