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

Question

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

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

Answer 1

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

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