Skip to main content

All Questions

Tagged with
2 votes
0 answers
1k views

CSS SVG filter: url(#element) not working in firefox and has strange behavior in safari

I'm writing code based off of this SVG filter, however, even this simple filter does not displace the text. Any ideas on whats wrong or how I can get this to work in firefox and safari? In firefox ...
10 Replies's user avatar
0 votes
2 answers
375 views

Duotone SVG filter not working in Firefox

I have a CodePen with Duotone SVG filters which works across all browsers except for FireFox. I thought and update from 44 - 45 might do the trick as some have noted in other Firefox related questions,...
bantz's user avatar
  • 11
1 vote
1 answer
2k views

SVG filter in Firefox breaks z-index

I am creating tabbed menu with SVG images as background. I need the the tabs to overlap each other in reverse order - first over second, second over third. And I need svg shadow, to work in Firefox. ...
kvgr's user avatar
  • 325
1 vote
1 answer
185 views

Applaying SVG css filter on element causes its unvisibility

I am trying to use css blur effect. I want to make it cross browser (Chrome & Firefox). On chrome, I can simply use -webkit-filter: blur(4px); but on firefox, I've to use SVG effects. So, in my ...
dease's user avatar
  • 3,046
0 votes
1 answer
1k views

Blur effect filter for Firefox

I am trying to find a Firefox substitute for: filter: blur(3px);, which will only be supported on Firefox 34. Research has pointed me to SVG filters. I am able to apply a grayscale effect with SVG ...
bsuire's user avatar
  • 1,453
19 votes
7 answers
11k views

SVG filter only working when added in style attribute (Firefox)

I added a blur effect svg to my HTML(text/html): <html> <head>...</head> <body> ... <svg xmlns="http://www.w3.org/2000/svg" height="0"> ...
Martijn Dierckx's user avatar
5 votes
5 answers
6k views

Div disappears after applying SVG Gaussian blur

I'm trying to apply a Gaussian blur to an element which has some child nodes containing some content. For Chrome I did in the applied style: -webkit-filter: blur(2px); Firefox doesn't support ...
Feanaro's user avatar
  • 922
5 votes
1 answer
3k views

SVG Filter Transition in Firefox

I'm attempting to transition an image from a 50% grey scale filter to its filterless state on hover. The transition doesn't work in firefox however. Is it possible to get the transition running in ...
Ryan King's user avatar
  • 3,668
0 votes
1 answer
2k views

svg filter not working on FF with godaddy

I have been following this Q&A to set a grayscale and transparency on my images and get them to normal on :hover, Convert an image to grayscale in HTML/CSS it works great with safari/chrome, but ...
Jauny's user avatar
  • 960