CSS动画集合 可直接生成动画代码 – AniCollection


CSS动画实现比JS简单很多,但是对于新手来说还是很多代码的,而且还要不停的刷新来计算动画效果,不过没关系,今天小编为大家分享一个可以在线生成CSS动画的工具:AniCollection,而且...
CSS动画实现比JS简单很多,但是对于新手来说还是很多代码的,而且还要不停的刷新来计算动画效果,不过没关系,今天小编为大家分享一个可以在线生成CSS动画的工具:AniCollection,而且他们的动画数量很多,能满足一般需要求了。
PS:类似工具还有《在图形界面上制作CSS3动画:cssanimate》


目前AniCollection上有很多不错的动画特效,比较适用于鼠标HOVER或点击事件,当然最主要的是能直接在线生成,太方便了。
使用方法
STEP 1: 选择你要的动画效果,点击“眼睛”图标。

STEP 2: 然后在下面通过下面TAG选项框,把CSS和HTML的代码复制到你的网页上即可。

此外你还要以用jQuery来控制动画,请点击jQuery tab查看。


前端工具名称:AniCollection

官方网站:http://anicollection.github.io

标签: 动漫动画css

更多 动漫 相关资讯

jQuery/CSS3实现超酷的动画Tab菜单

jQuery/CSS3实现超酷的动画Tab菜单

这是一款基于jQuery和CSS3的动画Tab菜单,这款Tab菜单是以单选框Radio为原型的,通过CSS3样式特性对radio的渲染,形成了一个外观看上去像tab菜单的样子。另外特别的是,tab

MUGEDA-基于HTML5技术的云动画平台

MUGEDA-基于HTML5技术的云动画平台

MUGEDA是一个基于HTML5技术的云动画平台,不用任何下载安装,打开支持HTML5的浏览器就可以创建动画,有各种造型工具,有图层、逐帧/补间动画、镜头切换、蒙版、路径编辑等丰富的

更多 动画 相关资讯

jQuery/CSS3实现超酷的动画Tab菜单

jQuery/CSS3实现超酷的动画Tab菜单

这是一款基于jQuery和CSS3的动画Tab菜单,这款Tab菜单是以单选框Radio为原型的,通过CSS3样式特性对radio的渲染,形成了一个外观看上去像tab菜单的样子。另外特别的是,tab

Zrender——轻量级Canvas类库,让绘图大不同!

Zrender——轻量级Canvas类库,让绘图大不同!

Zrender(Zlevel Render)是一个全新的轻量级Canvas类库,MVC封装,数据驱动,易于扩展,可提供类DOM的分层机制和事件模型,Promise式的动画接口,让Canvas绘图大不同!该项目由EFE团

MUGEDA-基于HTML5技术的云动画平台

MUGEDA-基于HTML5技术的云动画平台

MUGEDA是一个基于HTML5技术的云动画平台,不用任何下载安装,打开支持HTML5的浏览器就可以创建动画,有各种造型工具,有图层、逐帧/补间动画、镜头切换、蒙版、路径编辑等丰富的

更多 css 相关资讯

超实用!可视化CSS3动画生成神器Stylie

超实用!可视化CSS3动画生成神器Stylie

自从CSS3引入了动画(transition和@keyframes,还有与之搭配的transform)之后,各路人马对它的热情都极为高涨,和JS动画相比,它写起来更简单(在没有jQuery库的情况下),同时在大多

jdists(<>) 前端代码块预处理工具

jdists(<>) 前端代码块预处理工具

什么是 jdists 项目地址:https://github.com/zswang/jdists 关于命名 j dist s 就是 js 里插入了一个 dist (分发),避免和其他组件命名冲突,同时特殊好记。 本工具专注于前端代码

10款Web程序员必备的CSS工具

10款Web程序员必备的CSS工具

对于web开发来说,CSS是最有效的美化页面、设置页面布局的技术。但问题是,CSS是一种标记性语言,语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件

一款先进的 CSS3 代码生成工具EnjoyCSS

一款先进的 CSS3 代码生成工具EnjoyCSS

EnjoyCSS 是一款先进的 CSS3 代码生成工具,可以让你摆脱日常的编码。它方便和易于使用的用户界面允许您快速,无需编码就可以调节出丰富的图形样式。您将能够玩转所有的 EnjoyC

2015年3月新鲜出炉的网页前端开发工具

2015年3月新鲜出炉的网页前端开发工具

网页前端开发人员必须关注当下流行的工具,我们为了帮助前端开发者们找到好的高效的开发工具,我们转载分享了这些。我们分享的这些工具希望对您有用,例如:生成工具、jQuery插件、

BLACKHOLE – 易于定制、轻量级的SASS/CSS框架

BLACKHOLE – 易于定制、轻量级的SASS/CSS框架

前端框架有很多,比如使用人气很高的Bootstrap、foundation、ionic等,不过当太多人使用后,界面就差不多一个样子了,所以如果有新的框架出来,可以尝试一下,换个新界面,来点新鲜感也很

2015年2月新鲜出炉的网页前端开发工具

2015年2月新鲜出炉的网页前端开发工具

网页前端开发人员必须关注当下流行的工具,我们为了帮助前端开发者们找到好的高效的开发工具,我们转载分享了这些。我们分享的这些工具希望对您有用,例如:生成工具、jQuery插件、

Less.js 2.4.0 发布,CSS 预处理器

Less.js 2.4.0 发布,CSS 预处理器

Less.js 2.4.0 发布了,该版本改进内容包括: 支持预处理的插件,可用于静态添加库支持空的 sourcemapsExtract 和 Length 函数忽略列表中的注释碎片 URL 在 HTML 文档中的

14个最佳的HTML/CSS设计和开发框架

14个最佳的HTML/CSS设计和开发框架

专业的网页设计是既复杂又耗时的。它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能,还可以大大地节省时间和精力。 高效的框架不仅是

Bootstrap 3.3.2 发布

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以