All Questions
4
questions
0
votes
1
answer
597
views
CSS3 Simple Transition with SVG: appearing and disappearing on mouse :hover
I am trying to make a simple css3 transition work with two items: an svg box (representing an svg drawn logo) and a <p> tag (representing a title name tag) behind it.
By default only the box ...
1
vote
1
answer
474
views
CSS background hover transition not sync with svg hover transition in IE
I am using svg icon for the location button.
I have apply hover transition on the button.
It works well in Chrome, Firefox, Safari except IE.
The hover effect in svg icon seems separated from the ...
1
vote
2
answers
1k
views
Smooth transition from SVG Triangle clip to Circle
I am using SVG to clip-path an image to a triangle. My goal is to have the path expand and become a circle on hover (in a smooth transition).
The closest I've found is this codepen as a response to a ...
7
votes
4
answers
11k
views
Why Doesn't This CSS Transition Work On SVG Inside an Anchor
I'm trying to transition the fill and path of an embedded SVG object, however this doesn't seem to work (Code Pen here):
The SVG:
<a class="simple-link svg-link" href="">
Some Text
<svg ...