Css Shapes Vs Svg. SVG shapes are semantic element names and attributes. CSS and SVG Shapes are awesome because of its simplicity and the dramatic difference it can make when used properly.
Building on the looking through glass analogy if the viewport is like a window the. So here are 25 Interesting Techniques To Use CSS SVG Shapes to demonstrate how CSS ans SVG are used to. CSS Shapes describe geometric shapes for use in CSS.
With SVG its still trivial but far more time consuming if I wanted an isosceles triangle instead of an equilateral triangle.
SVG would be easier for you since selection and moving it around is already built in. Learn how to create different shapes with CSS. Every element and every attribute in SVG files can be animated. DIVs are okay but clunky and have awful performance loading at large numbers.