资讯专栏INFORMATION COLUMN

快速给页面加上炫酷css3动画的chrome插件

宋华 / 1708人阅读

摘要:使用从下载应用商店安装地址直接下载文件如果无法访问到的应用商城,可以选择下载文件在中打开页面,将插件拖动到扩展程序面板即可完成安装。

Chrome Plugin Css3 Animation

快速给页面加上炫酷css3动画的chrome插件。

使用 1.从chrome webstore下载

chrome应用商店安装地址

2.直接下载crx文件

如果无法访问到chrome的应用商城,可以选择下载app.crx文件,在chrome中打开chrome://extensions/页面,将app.crx插件拖动到扩展程序面板即可完成安装。
下载地址

3.自行构建

npm install -g vue-cli

git clone https://github.com/vace/css3-animation-generator

cd css3-animation-generator && npm install

npm run app

样式导出规则:

优先使用带有 c3前缀的class,如 animate it

如果存在class,则使用class选择器,如 animate it

如果定义了Id,则使用id选择器,如 animate it

如果都不存在,则使用内部自定义的选择器查找方案

例子

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/111937.html

相关文章

  • 快速页面加上炫酷css3动画chrome插件

    摘要:使用从下载应用商店安装地址直接下载文件如果无法访问到的应用商城,可以选择下载文件在中打开页面,将插件拖动到扩展程序面板即可完成安装。 Chrome Plugin Css3 Animation 快速给页面加上炫酷css3动画的chrome插件。 使用 1.从chrome webstore下载 chrome应用商店安装地址 2.直接下载crx文件 如果无法访问到chrome的应用商城,可以...

    Sunxb 评论0 收藏0
  • 67 个拯救前端开发者工具、库和资源

    摘要:库一个用来在中创建炫酷的浮动粒子的库一个用来在中创建物体和空间的库快速实现全屏滚动特性打字机效果滚动到某个元素位置时触发一个功能语法高亮使用创建漂亮的图表能够明显加速网站加载时间,鼠标时预加载资源另一个图表库一个基于动画和平移的雪碧图库实现 Javascript 库 Particles.js  一个用来在 web 中创建炫酷的浮动粒子的库 Three.js  一个用来在 web 中创...

    XiNGRZ 评论0 收藏0
  • 个人分享--web前端学习资源分享

    摘要:前言月份开始出没社区,现在差不多月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了一般来说,差不多到了转正的时候,会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客,博文推荐分享给大家。 1.前言 6月份开始出没社区,现在差不多9月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了!一般来说,差不多到了转正的时候,会进行总结或者分享会议!那么今天我就...

    sherlock221 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<