All Questions
13
questions
3
votes
1
answer
544
views
CSS filter composed of multiple SVG filters makes image darker
I can apparently chain a sequence of css filters
together by simply concatenating them,
which seems to work:
filter: brightness(200%) brightness(200%);
But when the individual filters in question ...
- 5,244
1
vote
1
answer
162
views
Canva Duotone Effect
I've looked around for this question but cant seem to find a response.
I am attempting to replicate a duotone image i created on canva, but through CSS. I have attached two images, the first image is ...
- 13
2
votes
1
answer
3k
views
CSS "filter" property does not work on Safari when using inline SVG in CSS like 'filter: url(data:image, ...)'
[EDIT] I've reviewed my entire post to add precisions about the problem and for additional ressources.
...
I'm new to SVG usage for webdesign, but I intend to implement a cool CSS feature for a theme. ...
- 71
1
vote
1
answer
266
views
Weird Bug with SVG Filters in CSS
I am currently try to find the best way to lazy-load images. While loading I want to show a tiny 10x10 image of the original (inline / base64). As this tiny image, of cause has a very poor quality I ...
- 3,011
1
vote
1
answer
775
views
Problem with SVG Filters to make a specific color transparent in an image
I found a svg filter with multiple filter-effects to make a specific color in an image transparent.
I created an image with two colors Red and Black and I am making the black
color transparent.
The ...
- 317
0
votes
0
answers
195
views
Convert CSSgram Instagram Willow filter to SVG filter
I'm trying to convert the following CSSGram Willow CSS filter to a SVG filter.
.willow {
position: relative;
-webkit-filter: grayscale(0.5) contrast(0.95) brightness(0.9);
filter: ...
- 6,597
0
votes
0
answers
300
views
Extract Specific Pixel Colors with SVG Filters
I have an image with a lot of different colors, and I want to create an output image that only has a set of distinct colors from the original image in it (let's say showing all pixels that are #DEADFF)...
- 4,185
-1
votes
4
answers
1k
views
How to apply a dark blue filter on an slider image [closed]
I'm trying for already a couple of hours to make a dark blue filter!
So, not only a "greyscale" use or brightness filters.
I've heard about SVG and tried to understand how to use it in that case, but ...
- 3
0
votes
1
answer
58
views
SVG or CSS filter which equals to upper div with opacity
I wonder if there is a simple way to find a CSS filter or SVG filter, which will look the same as I apply div with background and opacity over image.
I need a filter which can be applied to first ...
- 415
2
votes
1
answer
481
views
Can I make a bokeh blur with SVG filters or CSS filters?
https://en.wikipedia.org/wiki/File:Faux-bokeh-comparison.jpg
It's easy to distinguish what filter I am using. I don't want to use Gaussian blur.
- 468
3
votes
2
answers
3k
views
Convert CSS filters to SVG filter
I have working CSS filters on the <img /> elements as I want to.
eg.
filter: brightness(1) contrast(67%) saturate(250%) grayscale(0%) invert(0%) hue-rotate(330deg) sepia(40%) blur(0px);
My ...
- 655
1
vote
1
answer
505
views
creating circular motion blur in css or svg [closed]
I have an image as a preloader image for my site, and I want to apply circular motion blur to it, but - there seems to be non out of the box, or is there?
Could I use one of SVG's filter primitives (...
- 1,997
93
votes
6
answers
78k
views
How to calculate required hue-rotate to generate specific colour?
I have a white image that I am using as a background for a div, and I would like to colour to match the themes main colour. I am aware I can do:
filter: sepia() saturate(10000%) hue-rotate(30deg);
...
- 14.8k