javascript - HTML，CSS，JavaScript在彼此之间创建圈子

我需要使用HTML，CSS和Javascript在彼此之间制作圆圈，并可以单击按钮，这将自动向其中添加另一个圆圈。新添加的圈子将是最外面的圈子。

关于如何执行此操作的任何想法？

最佳答案

对于圆，您需要将边界半径设置为足够大的值（通常，宽度和高度的最大值的一半以上）。

要添加更大的圈子，您需要复制之前的圈子，创建另一个更大的圈子，然后将复制的圈子粘贴到其中。这是一个jQuery代码段，但是您可以使用任何框架，甚至可以使用纯js：

var $container = $('#container'),
    $previous_circles = $container.html()

$container
  .html('<div class="circle bigger_circle"></div>')
  .find('.bigger_circle')
  .append($previous_circles)
  .end()

关于javascript - HTML，CSS，JavaScript在彼此之间创建圈子，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13468180/