”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 如何在保持文本不倾斜的同时倾斜容器?

如何在保持文本不倾斜的同时倾斜容器?

发布于2024-12-22
浏览:327

How to Skew a Container While Keeping Its Text Unskewed?

如何倾斜元素但保持文本正常(不倾斜)

创建具有不倾斜文本的倾斜按钮

创建具有未倾斜文本的倾斜元素,您可以对父级和子级应用转换elements:

倾斜父元素:

使用transform: skew()属性倾斜父元素(在本例中为

  • 元素)。

    取消子元素的倾斜:

    对子元素应用相反的变换(Home

  • Products
  • Contact
  • 结果:

    这将创建一个带有倾斜按钮但不倾斜文本的菜单,允许在不扭曲链接可读性的情况下产生倾斜效果.

    最新教程 更多>

    免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

    Copyright© 2022 湘ICP备2022001581号-3