JSFiddle - React, Tailwind, and code Playground
CSS
.hasSvg {
background: red;
}
.noSvg {
background: orange;
}
.noAnimation {
border: 5px solid blue;
}
JavaScript
(function(){
var checkSvg = function() {
return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1");
}
if (!checkSvg()) {
document.body.className+=' noSvg';
}
var checkAnimation = function() {
return document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Animation", "1.1");
}
if (!checkAnimation()) {
alert('no animation');
}
})();