设计师给了我一个需要我开发的文件。他们要我做一个弯曲/拱形的菜单:
这可以创建吗?我以前从未遇到过这样的事情,并且对处理这个问题感到困惑。
你也许可以用canvas
. 有关示例,请参阅Is there a way to curve / arc text using CSS3 / Canvas的答案。请注意,canvas
IE8 和更早版本不支持它,但在现代浏览器中得到了广泛的支持。
您可能还想查看有关绘制正弦波canvas
的本教程,因为图像中的菜单有点正弦波形状。
不过,对于这样的事情,这是很多工作。相反,您可以将其制作为大图像并使用map
元素来制作图像映射。
你也可以用一系列小图像来构建它。
您可以使用 CSS3 的rotation
属性查看示例:
https://www.google.com/search?q=css+rotate
这根本不可能使用 CSS。它必须使用切片图像创建或在闪存中完成。