7

设计师给了我一个需要我开发的文件。他们要我做一个弯曲/拱形的菜单:

在此处输入图像描述

这可以创建吗?我以前从未遇到过这样的事情,并且对处理这个问题感到困惑。

4

3 回答 3

6

你也许可以用canvas. 有关示例,请参阅Is there a way to curve / arc text using CSS3 / Canvas的答案。请注意,canvasIE8 和更早版本不支持它,但在现代浏览器中得到了广泛的支持。

您可能还想查看有关绘制正弦波canvas的本教程,因为图像中的菜单有点正弦波形状。

不过,对于这样的事情,这是很多工作。相反,您可以将其制作为大图像并使用map元素来制作图像映射。

你也可以用一系列小图像来构建它。

于 2012-07-26T03:35:24.803 回答
2

您可以使用 CSS3 的rotation属性查看示例:

https://www.google.com/search?q=css+rotate

https://www.google.com/search?q=css+rotate+menu

http://snook.ca/archives/html_and_css/css-text-rotation

于 2012-07-26T03:35:05.197 回答
-2

这根本不可能使用 CSS。它必须使用切片图像创建或在闪存中完成。

于 2012-07-26T03:34:27.053 回答