Html CSS中的曲线菜单

一个设计师给了我一个文件，要求我去开发。他们让我做一个弧形/拱形菜单：

---

这是否有可能创建？我以前从未遇到过这样的事情，对此我感到困惑

使用CSS根本不可能做到这一点。它必须使用切片图像创建或在flash中完成。

您可以使用CSS3的

旋转属性查看示例：



您可以使用
canvas
完成此操作。有关示例，请参见的答案。请注意，
canvas
不受IE8和更早版本的支持，但它在现代浏览器中得到了相当广泛的支持

您可能还想在上查看本教程，因为图像中的菜单有点正弦波形状

但是，对于这样的事情，这是一个很大的工作。相反，您可以将其制作成一个大图像，然后使用
映射
元素来制作图像映射

您也可以从一系列小图像中构建它。
是否将它分割成更小的图像而不是使用文本作为一个选项？我认为CSS3甚至IE过滤器都可以，尽管很难。至少是文本部分。我正在使用wordpress开发网站，所以我猜图像切片是不可能的，因为我将使用他们的动态菜单。那么我认为这是不可能的。如果你看@Trott关于画布的回答，并在正弦波上画图，你可能会得到它，但它肯定需要大量的工作，可能比它的价值更高。有没有可能用wordpress的动态菜单来实现这一点？如果没有，我有办法关闭它吗？旋转菜单不是直接旋转菜单，而是旋转曲线文本吗？我不认为它真的可以弯曲它，只是在一个轴点上旋转它。