如何将div设计成火箭？

Question

我想将html div设计为像火箭一样,我的意思是它应该表示为带有三角形边缘的椭圆形.就像这个截图: -

Answer 1

纯CSS解决方案可以利用:在伪选择器和滥用边框之后制作三角形.该网站甚至会为您生成代码:

http://cssarrowplease.com/

将位置设置为右,将大小设置为div的高度.

Answer 2

这是一个教程,解释了如何在纯CSS3中创建一些痕迹导航导航.

最终结果如下:

这是一个有效的演示.