div不规则拼接

如图所示 怎么能让三个div不规则拼接

图片描述

阅读 4.7k
5 个回答

其实这个用的是裁剪吧,用svg可以很容易做出来,除此之外,css的话用clip-path可以实现。

这个应该是大div面有三个小div,图片是大div的背景图,而不是小div各自的背景图

看一下CSS3 mask属性,或者使用背景图

clipboard.png

外层蓝色 transform 倾斜,内层红色添加背景和内容 transform 反向倾斜变正。

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