CSS: how to change svg image color on hover using css Example

By

CSS Example: This is the "how to change svg image color on hover using css" Example. compiled from many sources on the internet by SimpleTutorials.org

how to change svg image color on hover using css

svg {    width: 100px;    height: 100px;}svg:hover path {    fill: red;}

how to change svg image color on hover using css

/*  * Replace all SVG images with inline SVG  */ $(function() {$('img.svg').each(function() {         var $img = $(this);         var imgID = $img.attr('id');         var imgClass = $img.attr('class');         var imgURL = $img.attr('src');$.get(imgURL, function(data) {             // Get the SVG tag, ignore the rest             var $svg = $(data).find('svg');// Add replaced image's ID to the new SVG             if (typeof imgID !== 'undefined') {                 $svg = $svg.attr('id', imgID);             }             // Add replaced image's classes to the new SVG             if (typeof imgClass !== 'undefined') {                 $svg = $svg.attr('class', imgClass + ' replaced-svg');             }// Remove any invalid XML tags as per http://validator.w3.org             $svg = $svg.removeAttr('xmlns:a');// Replace image with new SVG             $img.replaceWith($svg);}, 'xml');});})



* Summary: This "how to change svg image color on hover using css" CSS Example is compiled from the internet. If you have any questions, please leave a comment. Thank you!

Others