Clip-path入门
来源:互联网 发布:修改列名的sql语句 编辑:程序博客网 时间:2024/06/06 02:21
今天用到clip-path,具体效果图如下
clip-path: inset(0px 0px 0px 0px round 10px 10px 0px 0px); 如图1
clip-path: polygon(10px 0px,130px 0px,130px 97px,0px 97px,10px 80px); 如图2 采用顺时针方向裁切,5个顶点坐标连接形成封闭曲线。
Circle: circle(radius at x-axis y-axis) 切割圆形
Ellipse: ellipse(x-rad y-rad at x-axis y-axis) 切割椭圆
Polygon: polygon(x-axis y-axis, x-axis y-axis, … ) 各种多边形
Inset: inset(top rightright bottombottom left round top-radius rightright-radius bottombottom-radius left-radius) 圆角矩形
0 0
- Clip-path入门
- CSS3:clip-path详解
- CSS3:clip-path详解
- css3-clip-path-imitate
- css3 clip-path
- 聊聊clip-path
- 聊聊Clip-Path
- clip-path 兼容多种浏览器
- 利用SVG clip-path显示动画图片
- 神奇的css属性clip-path
- css | 不规则 的图片 clip-path
- CSS中的路径裁剪样式clip-path
- clip
- clip
- Uni2D 入门 -- Animation Clip 和 Animation API
- Uni2D 入门 -- Animation Clip 和 Animation API
- Uni2D 入门 -- Animation Clip 和 Animation API
- Uni2D 入门 -- Animation Clip 和 Animation API
- DB2数据库 Operation not allowed for reason code "7" on table 原因码 "7"的解决方法
- 系统学习深度学习(三) --RBM及DBN
- android selinux
- 微信小程序
- shader在某些机器上初始化失败的问题
- Clip-path入门
- 学习笔记:jdbc调用存储过程等
- ARM-LINUX之MMU
- 关闭activity之前的所有activity,好方法
- 欢迎使用CSDN-markdown编辑器
- 异常:java.lang.IllegalStateException: Fragment already active
- 开发中常用工具
- Android5.0 recovery about update
- 大数据时代与”反大数据“