牛逼了，Chrome和Safari都支持clip-path shape()函数了，这个函数可谓是图形剪裁终极方案，没有path函数的缺点，以后一定会被广泛使用。
文章关键字 ‘clip-path’
CSS小图标剪裁终极解决方案clip-path shape()函数
2025年06月30日，星期一终于等到了，CSS offset-path全浏览器全支持
2025年03月5日，星期三
万物皆可clip-path，纯CSS绘制0-9数字
2022年07月27日，星期三
介绍一种全新的clipPath Sprites小图标技术
2020年10月30日，星期五
本文介绍一种全新的SVG图标合集技术，有别于传统的<symbol>元素，这里使用的是<clipPath>元素，配合CSS clip-path属性使用，优势在于HTML标签任意，UI样式任意，本文内容一定会对您的学习有所帮助。
你用的那些CSS转场动画可以换一换了
2019年05月27日，星期一
微信网页悬浮窗交互效果的web实现
2018年06月6日，星期三微信更新后，发现多了个悬浮窗功能。公众号阅读，网页浏览回退后默认会出现。再点击，可以回到刚才阅读的地方。于是，再也不会遇到回复老婆的信息，再切换回来重新找刚才阅读东西的麻烦了。我个人觉得是很有用的一个功能。
其交互效果，也被不少人称赞。例如，窗口会收缩到悬浮按钮中，悬浮按钮可以拖到右下角取消浮窗。这些交互效果呢，使用web前端技术也是可以实现，有demo，有截图，有必要的源代码展示，希望本文的内容能够对您的学习有所帮助。
照片位图转SVG矢量图片JS工具primitive.js等简介
2017年11月30日，星期四primitive是相对来说比较有名的将照片图片使用几何图形重建的工具。基于原始的这个primitive项目算法，很多开发人员拓展了Java版本，react版本等。自然也有JavaScript版本，就是本文要介绍的primitive.js。以及还会介绍其他一些位图转矢量图JS。
3种纯CSS实现中间镂空的12色彩虹渐变圆环方法
2017年11月7日，星期二上周我做了个demo，使用SVG实现了一个彩条圆环倒计时效果，使用SVG实现的优点是兼容性非常好，不足在于学习成本比较高，于是我就琢磨有没有更简单的方法实现类似的多彩圆环渐变效果，最好纯CSS就能搞定。绞尽脑汁想出了下面三种实现方法……
【翻译】借助SVG实现背景透明JPG图片
2017年03月9日，星期四人物往往色彩丰富，有时候会遇到需要背景透明的场景，结果PNG24图片尺寸太大，PNG8质量太差，JPG尺寸最小效果还好，但是背景又不透明，有没有什么办法就有JPG的小尺寸好效果，同时背景透明呢？本文的处理技巧可能会对你解决相关问题提供一些思路。
基于clip-path的任意元素的碎片拼接动效
2016年06月7日，星期二看电影的时候会有特效，反派被攻击的粉碎，依然可以零零碎碎的拼接成完整体。在网页中，我们可以使用类似的效果，而且使用CSS3就可以，而且可以让任意的元素有这种效果。不信？你点击去看看就知道了~~
我的应用
我的应用