CSS双曲线形状

Question

我见过从电视到鸡蛋到简单三角形的各种形状。但是，如何形成一个双曲线形状，填充类似于这个核塔形状？

Answer 1

如何将border-radius与:before和:after伪元素一起使用？

Demo

这里使用的是包含class - .wrap的包装元素而不是使用class - .object嵌套子元素，现在我将分解选择器为您解释，首先，我为父元素分配position: relative;，以便absolute定位的子元素不会在野外飞出。第二，我正在使用{{1}的元素这很重要，以便隐藏圆形overflow: hidden; ..

最后，我使用pseudo elements和:before伪元素，:after使用position，我们必须使用absolute正确设置它们，top，left属性。

right