I’m trying to make a basic website and want to have a long line drawn on the top of the site. Tried using , but it keeps getting cut off after setting ‘width’ above 500. How do I fix this issue?

i have the problem that my svg foreignObject not showing properly in safari. i tried it already with clip-path on the video element to show it properly but i also doesnt work like expected. Does anyone have a solution to make it properly for safari?

I have the following gradient definition:

I have an interactive map of the UK. I used a SVG map and have added CSS so everything looks good but when I hover over each county the name does NOT appear and each county only links to the webpage for the first county shown – as the user hovers I would like each individual county name to display, and when clicked, link to its own webpage page

Placing the SVG output directly inline with the page code I am able to simply modify fill colors with CSS like so:

Placing the SVG output directly inline with the page code I am able to simply modify fill colors with CSS like so:

I’m trying to achieve some kind of Stepper. It all works well except for the transition on the fill.

I have a svg grey circle and a red path that follows the circle/overlays.
Does anyone know how to shrink the red circle so that it 100% covers the grey circle?

I am trying to style an SVG within an img tag. I am not templating the svg into the HTML to allow for reusing the image between pages and avoid additional requests.