HTML，CSS，Javascript在圈內創建圈子

Question

我需要用HTML，CSS和Javascript互相製作圈子，點擊一個按鈕的可能性，它會自動添加另一個圓圈。新添加的圈子將是最外面的圈子。

任何想法，我可以做到這一點？

Answer 1

對於圓形，您需要將border-radius設置爲足夠大的值（通常，寬度和高度的最大值的一半以上）。

要添加一個更大的圓圈，您需要複製之前的圓圈，創建另一個較大的圓圈並將其複製到其中。這是一個jQuery代碼片段，但您可以使用任何框架，甚至純js：

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

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