我不知道这是否可行，但客户态度坚决。他希望他的导航栏内容沿着“斐波那契螺旋”对齐。
这件事:
我什至认为 CSS3 旋转方面目前在任何浏览器中都不起作用，而且我不知道是否有任何脚本语言允许我创建一个自定义的、 flex 的轨道来强制对象旋转，即使是最微弱的可能性。 follow 而不是标准的(而且几乎是唯一的)水平和垂直对齐方法。然而，我确实接受了一个很好的挑战。不努力就退缩是很难做好事的。
如果你们中的任何人知道我如何实现这种效果的任何可能性，即使是最大的可能性，我也会感到惊讶。感谢您的时间!如果您认为这在当前的网络浏览器中确实不可能实现，请说出来!
最佳答案
无论如何，这个想法很有趣。希望你能让你的客户满意。 我想我可以帮忙做点什么。 找到了一个 jQuery 插件，可以沿着曲线 flex 文本: http://tympanus.net/Development/Arctext/
也许可以制作一个尺寸逐渐减小的正方形 div 的布局，并为每个 div 指定一条曲线？
如果你扭转它可能的div布局:http://upload.wikimedia.org/wikipedia/commons/9/95/FibonacciBlocks.svg
该插件指定从半径值开始的 flex ，并且可以向上或向下 flex 。它似乎不是为倾斜曲线构建的，但这也许可以修改。
编辑:我对这个插件进行了一些实验，我相信它肯定可以达到您需要的效果，尽管人们必须非常了解三 Angular 学(据我所知)才能使其正常运行。
另一个选择，也是我迄今为止能想到的最简单的方法，是利用一个古老的经典:图像 map ! http://en.wikipedia.org/wiki/Image_map
只需用 Photoshop 制作出您喜欢的漂亮螺旋图像，然后使用图像映射来设置可链接区域即可。这可能会令人感兴趣:http://www.outsharked.com/imagemapster/default.aspx?demos.html
关于javascript - 网页设计 : Client wants a rotation-based navigation bar，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15287240/