Hi, all. I’m currently undergoing through the ‘Learn Web Development’ series. I wanted to point out something that could be update or rephrased under ‘HTML-- Structuring the Web’, ‘Multimedia and Embedding: Adding Vector Graphics to the Web’.
I read under the subhead “How to Include SVG inside your code: Pro” here:
- Inlining SVG is the only approach that lets you use CSS interactions (like
:focus
) and CSS animations on your SVG image (even in your regular stylesheet.)
I want to highlight the word ‘only’ in the text above wrong, at least that’s what I think after I discovered another way to do a pseudocode :hover
on the svg tag. I nest it in a div tag and was able to achieve a :hover
effect. However, I only target the width
/height
(Other svg attribute is probably a no-go). I’m not sure if that could contribute to the document. Let me know if that’s correct, or an option svg now can do. Or is it just modern browser support that I’m able to style the width
/height
.