如何通过使用HTML/CSS在网页中制作有角度的文本

我正在尝试使菜单的CSS动画。在这里，我想使图像中显示的菜单。我的问题是如何编写菜单文本，如在此示例图像中，并为每个文本做出onclick事件？ Onclick事件可能使用CSS @Keyframes（用于制作一些动画）。如何通过使用HTML/CSS在网页中制作有角度的文本

Sample Menu screen

我是新手到网页设计领域，它看起来非常复杂的我。

SVG将是要走的路，或者带图像映射的图像 –

使用CSS转换

-webkit-transform:rotate(degrees); 
transform:rotate(degrees);

使用它的整个外包装，所以你不会有单独做的所有链接。

2014-03-04 12:29:46 Anubhav

这可能会使图像成角度，但文本位于曲线路径上。你的回答没有解决这个问题。 –

好吧，也许可以为每个链接添加几个额外的度数，并将它从顶部偏移几个像素。链接不是弯曲的，而是直的。由于弯曲的背景，它显得弯曲。注意每个链接的基线。 – Anubhav

可能......如果不知道自己想要什么，很难说清楚。我同意旋转ul/div或者其他任何有用的东西。 –

回答