I have an horizontally responsive SVG path that stretch without keeping its ratio, and it's working when using preserveAspectRatio="none" on the tag and vector-effect="non-scaling-stroke" on the path to keep it intact. But I also need to animate an element along…
I am having trouble getting SVG and CSS to play together to get the function I want. I want to be able to hover over the pie sectors of a graph and have the info in the middle change. I…
I have a visual that has 11 hotspots spaced around a png graphic. I have created individual paths for each, and want to create a link as well as a hover that changes color to show which area is selected.…
I have two SVG files, they are a transparent outlined oval and a colored oval without an outline. I want to cover the colored oval completely with the transparent outlined oval, but it keeps on not aligning with the sides…
Im having trouble having a svg overlay take up 100% width, but modifying the height so it aligns where i need it to so the curve is visible over the video see screenshot. What is the best way to overlay…
I have a button and in it I have an svg image (defined in css) and some text. I'm trying to change the color of both the text and the svg on hover and active states of the button, but…
I can't get bootstrap star icons to center next to review text in a website I am designing. I imbedded the svgs in my code. I am using some bootstrap 4 classes here as well for context. Here's how it…
I try to create a HTML/CSS/JS funnel graph, with a simple front-end structure, in order to do so, I place funnel segments as a flex row: document.addEventListener( 'DOMContentLoaded', function() { let funnels = document.getElementsByClassName( 'funnel' ); for( let i =…
I have an <image> element within an <svg> element, embedded into HTML markup. Somehow the <image> element gets :focus'ed when I navigate through the page with the Tab button. And it has the ugly focus frame around: :focus { /*…
I have A SVG with two eyes where each pupil tracks the mouse position. The issue is, the two eyes acts individually and not as a group. For example if you position the cursor between both eyes, the pupil from…