All Questions
193
questions
0
votes
2
answers
138
views
Infinite SVG animation smoothly retrieve initial state on hover
I would like my infinite svg animation to pause on its initial or final state when I hover it. I tried with JS to remove the class or in CSS to set animation-iteration-count: unset; on hover or set ...
- 3
2
votes
2
answers
190
views
SVG Animation - CSS Hover Animation For SVG From The Center
I have done this effect in GSAP here is the Codepen as a reference:
https://codepen.io/whitelionx/full/vYGQqBZ
const svgs = document.querySelectorAll("svg");
svgs.forEach((svg) => {
...
- 33
2
votes
1
answer
306
views
SVG circle animation on hover doesn't work
Atm im trying to recreate the SVG circle animation when you hover over the navigation menu buttons as shown on this site: https://5scontent.com/. On my site the circle appears when refreshing and ...
1
vote
2
answers
968
views
How to change the color of a svg image on active?
I am importing the svg using the src attribute in img element.
For instance: <img src="/images/home.svg" />
I have two kinds of home image. The home.svg which is used in normal ...
- 145
2
votes
1
answer
37
views
Hover animation 'slidedown' on the clipped path text-bottom is not working. Can you help me?
The text on the bottom of the logo has a clip-path and maybe because of that i can't trigger the hover animation. I've already changed the called classes of the elements and no effect. The animation ...
- 25
1
vote
1
answer
3k
views
My SVG button is not changing colors when i hover over it
I have a button that has an SVG inside it, in my CSS the icon changes color when you hover over it, the same thing with the SVG. But I have to put my mouse directly on the SVG to fill the color, I'm ...
user14063075
1
vote
1
answer
84
views
Hover event on lineargradient colors in svg
I have an SVG rectangle filled with a lineargradient that has various <stop offset = ..> to make it filled with different colours. I'm trying to make a different text appear (one text per colour)...
- 33
0
votes
1
answer
237
views
SVG Hover Doesn´t Work changing the colour of the arrow icon when put the mouse over the Video
When i put the video and then an SVG Icon. The Hover not working:
** The icon is over the video **
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<...
0
votes
2
answers
692
views
Responsive button animation CSS
I'm trying to combine the look of one button, with the responsiveness of another button:
Button A: https://codepen.io/vitor-siqueira/pen/xNBExN
Button B: https://codepen.io/AnthonyBmm/pen/poooJmO
I ...
- 11
0
votes
1
answer
37
views
How can I add visible pseudoelements to SVG path
I'm trying to use SVG map with countries as 'path'. On hover specify country I wanna show pseudoelement (same shape) with backgroung-image. I can manipulate fill and stroke on hover, I can add :before(...
- 29
1
vote
2
answers
63
views
Links don't work when combining SVG files with hovers
I am trying to achieve the following
Text and svg files move when hovering
Color is reversed when hovering.
Open the link
This is my html:
btn_olclass has <a> and <span>(with object svg)
...
- 13
0
votes
2
answers
151
views
Change color on hover to a icon svg
I have a code with stars to vote contents.
It was working fine until I change the icons to svg, it doesn't detect the hover or clicks in this type of icons, but before, using <i> icons, it did ...
- 21
0
votes
1
answer
68
views
SVG on hover: Image on hover SVG icon not working [duplicate]
I am working on a task. on the image when hover SVG icon is not working.
I am stuck where I am incorrect. please, anyone, who can help to get this. and point me in the right direction.
the link ...
- 1,448
0
votes
0
answers
20
views
Does img src negate hover effects created in svg source code?
I know how to create a hover effect on the tags in the svg source file but I'm wondering if using it as an img src tag negates the hover effects created in the source code of the svg?
the code is ...
- 21
0
votes
3
answers
3k
views
How to get javascript mouseover to highlight other elements in an svg file (context change)
I'm trying to solve a very simple problem: two elements; a button and a rectangle. When you hover over the button, the rectangle changes fill colour. I've tried CSS, but for some reason i can't get ...
- 3