ウェブ上でラウンドグラフィックをレンダリングする最良の方法

Question

Hej！

私はウェブサイトのグラフィックインターフェイスのためのアニメーションでシンプルなドットを使用しています - 何も想像できませんが、ラウンドオブジェクトは非常に 'screenfriendly'ではないので、私は疑問に思っています。

は

border-radius: 50%; 
overflow: hidden; 
background: #000; 

または正方形のdivの内側のラウンドSVG-グラフィック丸divがスムーズにレンダリングされますか？ （視覚的に）違いはありますか？ その場合、いつ（なぜ）？

私は興味があります。 種類が

について事前に

おかげで、ルーカス

Answer 1

あなたが国境にradiusプロパティを与えると、それははdivラウンドを行いません。単に境界を丸くするだけですが、div自体は依然として長方形のままです。

つまり、border-radiusプロパティを使用して問題は発生していません。

P.S.回答は、divのラウンドを使用しているものによって異なる場合があります。