thereadme/theread.me
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[css-filters] small fix

Browse Source
This commit is contained in:
Mahdi Dibaiee 2015-03-29 10:58:44 +04:30
parent 188f815463
commit 17153da382
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_posts/2015-03-28-css-filters.md
View File

@ -53,6 +53,7 @@ I group filters by the type of value they take, let's explain them briefly:
###hue-rotate ###hue-rotate
If you're familiar with [Hue](https://en.wikipedia.org/wiki/Hue) you probably know that it's measured by angles. The hue-rotate rotates the hue circle of an image relative to it's current hue value (360 and 0 have the same results). If you're familiar with [Hue](https://en.wikipedia.org/wiki/Hue) you probably know that it's measured by angles. The hue-rotate rotates the hue circle of an image relative to it's current hue value (360 and 0 have the same results).
<iframe width="100%" height="300" src="//jsfiddle.net/mdibaiee/tuqod0jb/5/embedded/result,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe> <iframe width="100%" height="300" src="//jsfiddle.net/mdibaiee/tuqod0jb/5/embedded/result,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
##Special ##Special
@ -115,6 +116,7 @@ filter: contrast(2) blur(10px);
Hey browser, please double the contrast of my element, then blur it out. (high contrast image is blurred normally) Hey browser, please double the contrast of my element, then blur it out. (high contrast image is blurred normally)
Here is the actual comparison: Here is the actual comparison:
<iframe width="100%" height="300" src="//jsfiddle.net/mdibaiee/z7hb98uf/1/embedded/result,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe> <iframe width="100%" height="300" src="//jsfiddle.net/mdibaiee/z7hb98uf/1/embedded/result,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
##Inheritance ##Inheritance