CSS3的clip-path属性_html/css_WEB-ITnose

企鹅博客
19500
文章
0
评论
2020年3月6日03:44:10 评论 15 views 342字阅读1分8秒

首先,说一下clip-path属性,以前我也没有见过这个clip-path属性,网上搜了一下,原来clip-path是‘剪切’的意思。

clip-path:polygon(x,y)属性,polygon(x,y)内的x表示横坐标的位置(px %),y表示纵坐标的位置(px %)。

说到底,这个clip-path剪切好比photoshop一样,可以替代photoshop剪切图片,只不过,代码和ps的区别在于代码要手动找路径,ps可以直接用魔术棒。

这是我刚刚用clip-path剪切的图片:

其实,svg也能制作路径图。svg也有clippath属性。

原图地址:http://images.cnblogs.com/cnblogs_com/hao5599/678419/o_20150314.jpg

  • 版权声明: 发表于 2020年3月6日03:44:10
  • 转载注明:https://www.qieseo.com/369337.html
java 源码分析Arrays.asList方法详解 java教程

java 源码分析Arrays.asList方法详解

最近,抽空把java Arrays 工具类的asList 方法做了源码分析,在网上整理了相关资料,记录下来,希望也能帮助读者! Arrays工具类提供了一个方法asList, 使用该方法可以将一个变长...
selenium之实现自动登录的实例代码 python教程

selenium之实现自动登录的实例代码

使用selenium及打码平台(自己还实现不了验证码图片解析,对接打码平台解析图片验证码)现实自动登录亚马逊网站,并修改账号绑定邮箱及密码等操作。 逻辑:仿真浏览器的操作,定位元素填入数据,根据页面元...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: