如何通過使用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或者其他任何有用的東西。 –

回答