css-filters Questions
6
Solved
Im trying to flip an image to display it 4 ways : original (no changes), flipped horizontally, flipped vertically, flipped horizontally + verticly.
To do this Im doing the below, it works fine ap...
Ahumada asked 30/9, 2015 at 21:9
3
Solved
I have a div.outer and inside a div.inner, both with position: absolute; and backdrop-filter: blur(8px);.
https://jsbin.com/nihakiqocu/1/edit?html,css,output
Safari (left) gives the desired resul...
Chur asked 2/4, 2020 at 17:54
3
I'm using this CSS for slides in Slick slider:
backdrop-filter: blur(10px)
However, when I click to display the next slide, the CSS blur disappears for a second and then the slide blurs again. Whe...
Cogan asked 22/8, 2020 at 13:17
13
Solved
I am having trouble applying a blur effect on a semi-transparent overlay div. I'd like everything behind the div the be blurred, like this:
Here is a jsfiddle which doesn't work: http://jsfiddle...
Swordtail asked 20/12, 2014 at 20:14
13
My question is: given a target RGB color, what is the formula to recolor black (#000) into that color using only CSS filters?
For an answer to be accepted, it would need to provide a function (in ...
Beliabelial asked 23/3, 2017 at 3:18
2
Solved
i want make two shadows with dropshadow for the div backgroundimage.
This wont work:
-webkit-filter:drop-shadow(3px 3px 5px #000000, 2px 2px 2px #ffcc00);
filter:drop-shadow(3px 3px 5px #000000, 2...
Alvord asked 21/1, 2016 at 18:24
6
Solved
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);
...
Linebacker asked 13/3, 2015 at 16:12
4
Solved
I'm trying to treat an image the same way it is in a photoshop file - desaturating the image to grayscale, and then applying a color overlay with a multiply blend mode. To this end, I am styling a ...
Talanta asked 14/9, 2014 at 18:31
22
Solved
I have a JPEG file that I'm using as a background image for a search page, and I'm using CSS to set it because I'm working within Backbone.js contexts:
background-image: url("whatever.jpg");
I w...
Bioclimatology asked 18/11, 2013 at 3:49
1
Solved
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...
Jessejessee asked 21/7, 2022 at 13:28
1
[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 the...
Proto asked 21/5, 2021 at 10:8
3
Solved
Can you CSS Blur based on a gradient mask?
Something similar to this effect, http://www.imagemagick.org/Usage/mapping/#blur?
Channel asked 18/12, 2013 at 2:56
1
Solved
The hue-rotate() filter function "rotates the hue of an element ... specified as an angle". If this were true, filter: hue-rotate(180deg) hue-rotate(180deg) would have no effect. Bu...
Xeroderma asked 3/2, 2022 at 19:58
4
Solved
So I have this title-screen "animation" that has the title centered on a fullscreen page and when you scroll down it becomes smaller and remains at the top of the page. Here is a working ...
Vitalis asked 22/10, 2018 at 21:1
2
Solved
The browser and version number is Chrome 87.0.4280.88
Here is how we accidentally detected this bug:
There are two independent divs on the page and both are position: fixed;
One of them has a hov...
Stumble asked 15/2, 2021 at 8:11
3
Solved
I'm trying to emulate Photoshop's "Color Overlay" using CSS filters, and while doing so, found out the CSS filters operate on colors as consistently as an epileptic seizure.
Consider the color #FF...
Tragopan asked 6/4, 2015 at 20:46
4
Solved
The following CSS filter:
filter: brightness(0) invert(1);
makes elements all-white (source). Neat, but is there a way to make them another color instead, e.g. blue? This is for situations where...
Principle asked 17/1, 2015 at 12:47
2
Solved
Seems like the position/order of the filter: none; make a huge difference in Safari (speed). Could some one provide a solid explaination of what happening?
Check the following two example in Safari...
Tadpole asked 20/6, 2017 at 20:27
1
Is there a way to create a SASS mixin that will create a CSS filter from a HEX value? I have SVG images with different colors depending on the site and hate to hard code all the filters.
#000000
...
Abreast asked 23/5, 2020 at 14:24
1
Solved
Please refer to the following snippet. I'm wondering how to make the backdrop-filter apply to the drop down menu ul?
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 50px;
backgr...
Doug asked 15/9, 2020 at 18:21
4
Solved
I want to create something like the following screenshot, but I can't figure out any z-index value for which the shadow doesn't appear either over the first or second box (they are always stacked e...
Secular asked 14/3, 2019 at 15:52
7
Solved
I'd like to create a div that is fixed in one position and make it translucent - making the contents behind it partially visible and blurred. The style I'm looking for is similar to the div of the ...
Evidential asked 13/6, 2013 at 14:40
2
I am trying to achieve this effect of a black and white text on a bi-colored header which is always white on a side, and with a background image on the other side (of different colors).
this is ...
Shifty asked 20/2, 2020 at 15:35
4
Solved
I have a problem with an image. I tried to blur a part of an image, but my solution deosn't work.
Please, take a look at this code:
HTML file
<div id="image">
<div class="blur"><...
Parulis asked 8/10, 2014 at 19:38
6
Solved
I am developing an app using D3.js. I was sidetracked for a while, and recently came back to it. Today I found that, though it worked fine in the past, the SVG map in the app no longer displays on ...
Shakespeare asked 18/4, 2016 at 22:20
1 Next >
© 2022 - 2024 — McMap. All rights reserved.