Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Gradients not visible
See original GitHub issueHello and thanks for the awesome tool.
I have a minor issue when a svg is using a gradient defined in defs.
The issue is caused by the display: none style set to the svg sprite and prevents the gradients from showing therefore making the svg unusable.
A workaround for this is to replace the display: none style with something like width: 0; height: 0; position: absolute; visibility: hidden;.
I can submit a PR if you are interested in changing this.
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (2 by maintainers)
Top Results From Across the Web
Solved: Gradients not showing up in illustrator text - 2412295
Gradients work fine with object but for some reasons text cannot be anything but a solid color. This is in CS4. It might...
Read more >CSS Gradient doesn't appear - Stack Overflow
I've noticed setting a gradient on the body if it has a margin of 0 doesn't work. body { margin:0; background:linear-gradient(45deg,red,blue); }.
Read more >Gradient not showing - HTML & CSS - SitePoint Forums
Hello! I am a complete beginner with CSS and following a tutorial. Unfortunately, I cannot get a gradient show on a box.
Read more >Gradients Not Showing Properly in Safari - Forum | Webflow
Safari can render transparent as the color black with a 0% opacity. To fix this, change any gradient stops from transparent to rgba(255,...
Read more >Inscape Gradients not displaying in web browsers - Inkscape
The Inkscape file you have here is using a two-step gradient for some reason. Circle points to gradiantA (with specific coordinates) which has ......
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Good enough for me! Feel free to PR. 😃
Fixed in https://github.com/edenspiekermann/sprite.sh/releases/tag/1.2.1.