弯曲的菜单反应灵敏吗？

Question

客户希望我重新设计网站中的旧菜单，我应该为他做。看起来像这样：

Curved Menu

我用svg等尝试了一些代码，但是我没有使它起作用。

是否有可能做出这样的导航/菜单响应？

也许您可以给我一些提示或帮助。会很高兴的！

谢谢。

Answer 1

是的，您可以使用SVG。然后，您可以将其require 'faraday' require 'json' conn = Faraday.new(:url => 'https://XXXXXX.com') do |faraday| faraday.response :logger faraday.adapter Faraday.default_adapter end request_body_params = '{ "token":"XXXXXX", "person_id":XXXXXX, "meetingStatus":"X" }' response = conn.post do |req| req.url '/XXXXXX' req.headers['Content-Type'] = 'application/json' req.body = request_body_params end 设置得更高一些，这样就可以将其放在页面的前面。菜单的z-index比SVG低。菜单的每个项目都会有一个z-index向上移动。因此，您将它们的位置不同。最后，您将修改每个项目的transform: translateY()，以补偿height的位移。

赞：

transform

希望有帮助。