如下面这个ui如何用纯css3实现?

图片描述

这个中间按个凸出来的形状如何用css3实现

阅读 2.1k
3 个回答

这不过是一种障眼法,使用正常的布局,加上倾斜的三角,使用一些css3的旋转位移变换就能实现了

transform rotate()
border-right 1px solid rgba()

一个长方形,一个梯形
把梯形放在长方形上面覆盖住边边
让人看起来是一体的,这是错觉

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题