用CSS clip-path 生成器制作各种复杂路径切图-如: clip-path: polygon(0% 15%, 65% 54%, 15% 0%, 85% 0%, 66% 39%, 100% 15%, 100% 85%, 16% 54...

建站技术分享网

建站技术分享网
首页>> css >>用CSS clip-path 生成器制作各种复杂路径切图
如:
clip-path: polygon(0% 15%, 65% 54%, 15% 0%, 85% 0%, 66% 39%, 100% 15%, 100% 85%, 16% 54%, 85% 100%, 15% 100%, 29% 75%, 0% 85%);
用法:
<style>
img{
clip-path: polygon(0% 15%, 65% 54%, 15% 0%, 85% 0%, 66% 39%, 100% 15%, 100% 85%, 16% 54%, 85% 100%, 15% 100%, 29% 75%, 0% 85%);
}
</style>


<img src=1.jpg> 360截图176007276310092.jpg 360截图17001017737074.jpg 

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:FEIBA分享博客 » 用CSS clip-path 生成器制作各种复杂路径切图

发表评论

路人甲

网友评论(0)