clip-path001

clip-path001

效果一

i am bfrontend,this is my

bfrontend
i

效果二

i am bfrontend,this is my

bfrontend

效果三

i am bfrontend,this is my

bfrontend

clip-pathcss属性可以用来设置一个元素的裁切区域,区域内的部分显示,区域外的部分隐藏。

  • 语法:矩形裁切区域 clip-path: inset(2em 3em 2em 1em round 2em);
  • 语法:圆形裁切区域 clip-path: circle(30% at 150px 120px);
  • 语法:椭圆裁切区域 clip-path: ellipse(45% 30% at 50% 50%);
  • 语法: 多边形裁切区域 clip-path: polygon(50% 0,100% 50%,0 100%);

一些基于clip-path 实现的较好的效果

------ 本文结束------
0%