响应/引导HTML - 如何创建尴尬的角度导航

Question

我在网站设计的右上角有一个辅助导航。这是一个尴尬的形状 - 旋转了3个矩形 - 所有3个都需要点击。

这是一个Twitter Bootstrap响应网站。

将它们链接起来的最佳方法是什么？图像映射看起来过于陈旧 - 由于涉及的角度，砍掉3个可点击的图像很尴尬。 3 Div可能在顶部吗？ DIV如何保持与目标正确对齐，同时保持响应并使用Bootstrap？

更新

点击区域需要在每个响应宽度的整个时间内保持在图像的右上方 - 包括移动尺寸。

Answer 1

您需要使用css-transform来实现您的目标。

请阅读以下内容以了解更多详情。

https://developer.mozilla.org/en-US/docs/Web/CSS/transform