Svg Or Css. You will need to load your SVG into your CSS file which is why you need to have both. So if you want to create geometric shapes for use on your web pages definitely use SVG for that.
Transformations applied to the element are performed on its child elements and its attributes are inherited by its children. Styling each circle would certainly give me more options for the RWD. So if you want to create geometric shapes for use on your web pages definitely use SVG for that.
These effects go from blur to grayscale handling but can also include advanced filters using SVG.
Some of them are similar to CSS properties for HTML. You can not get away from CSS in that manner. Presentation attributes are used to style SVG elements and can be used as CSS properties. So you would need to learn to work with SVG inside of your CSS files.