Skip to content

Latest commit

 

History

History
30 lines (16 loc) · 725 Bytes

README.md

File metadata and controls

30 lines (16 loc) · 725 Bytes

Clip-path动画

使用 Clip-path 制造的动画,其效果过渡较为好看。

效果截图

源代码

入口JS文件: app/script/

打包

先执行 npm install

如果提示错误,请先更新依赖 npm update

在当前目录执行 gulp 即可,配置项在gulpfile.js中定义。

打包之后会生成目标文件夹dist

查看

启动本地服务器之后,访问app/clippath.html文件即可

编译之后会生成dist文件夹,也可以访问dist/clippath.html,效果是一样的