[css-filter] image url fixe

This commit is contained in:
Mahdi Dibaiee 2015-03-29 11:00:05 +04:30
parent 17153da382
commit 5c8b67f64c

View File

@ -68,7 +68,7 @@ I group filters by the type of value they take, let's explain them briefly:
drop-shadow clones the element's image, moves it to the offset defined, applies blur and changes it's color, putting it under the original element. Couldn't do it better: drop-shadow clones the element's image, moves it to the offset defined, applies blur and changes it's color, putting it under the original element. Couldn't do it better:
![drop-shadow explained](/portfolio/img/dropshadow.gif) ![drop-shadow explained](/img/dropshadow.gif)
Here is an example, a PNG image with transparent background and a CSS triangle made using the border hack: Here is an example, a PNG image with transparent background and a CSS triangle made using the border hack:
@ -86,7 +86,7 @@ filter: url(/example.svg#filter)
###Custom ###Custom
Now those filters are pretty cool, but what if I told you this is [going to be] done with CSS? Now those filters are pretty cool, but what if I told you this is [going to be] done with CSS?
![Map Folding with Custom CSS Filters](/portfolio/img/map.jpg) ![Map Folding with Custom CSS Filters](/img/map.jpg)
{% include caption.html text='Source: http://www.adobe.com/devnet/archive/html5/articles/css-shaders.html' %} {% include caption.html text='Source: http://www.adobe.com/devnet/archive/html5/articles/css-shaders.html' %}