jquery - CSS 3D 将 div 转换为 flex 的拱形形状

我想知道是否可以将 div 塑造成拱形，最好使用 CSS、Jquery 等，但不能使用 Flash。
我还想知道它是否会使用过多的 RAM 或 CPU，如果没有办法，是否有办法让它至少看起来像它。
这是我想要的一个例子:

我已经看到了答案，我在想，如何使用 HTML5 Canvas 来完成？另外，也许可以用代码生成的 SVG 来完成？

最佳答案

您可以使用带边框半径的 div 并在您希望使用 JQuery 出现拱形形状时显示它们。以我的 jsfiddle 为例:http://jsfiddle.net/ECHWb/530/ 单击 div 使其成为拱形。

   $('#center').click(function(){
      $('#top').animate({height: "50px"});
      $('#bottom').animate({height: "50px"});
   });