Css SVG圆与HTML边框半径50%

我正在写一个移动/网络应用程序，它有彩色的可点击和可移动的圆圈。 我知道我可以用两种方式画它们：

使用

边界半径的div

中的

---

现在考虑到使用svg我可以利用制作很酷的动画，为什么一个动画比另一个动画好呢？

这似乎取决于您将如何处理这些圆

如果它们只是链接的按钮，请使用

div

，但如果您要制作各种动画或创建游戏，我可能会选择SVG，因为它更灵活，但某些旧浏览器或移动浏览器不支持它

---

如果您回答我的问题评论，我将用更多信息更新此答案。

这些形状的预期用途是什么？svg的响应性会更好，并且svg具有出色的跨浏览器支持。像d3.js这样的动画库具有出色的动画支持SVG，可以让您获得所需的精确动画。所有这些都是在一天结束时说的，这纯粹是一个基于意见的答案，你更喜欢使用什么。