CSS矩形绘制

# 效果图

Alt text

# css代码

clip-path: polygon(
  2400px 0%, 
  2495px 50px, 
  2890px 50px, 
  100% 80px, 
  100% 1610px, 
  2875px 100%, 
  45px 100%, 
  0% 1610px, 
  0% 1380px, 
  20px 1360px, 
  20px 515px, 
  0% 490px, 
  0% 45px, 
  50px 0%
);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

# 使用

需要对整个剪切模板进行打点可使用CSS可视化工具 CSS Clip-path Maker (opens new window) 进行打点copy下来调整 Alt text

上次更新: 2023/07/03, 18:09:29

← JS设计模式总结笔记仿微信通讯录→