顶级的CSS和Javascript动画框架推荐
CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果。可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果
9. 3D Synth
Pure CSS 3D Synthesizer (mousedown for rotation) by Nikolay Talanov (@suez).
使用纯 CSS 制作的 3D 电子琴效果,点击鼠标可以旋转。
10. Cascading Solar System
Cascading Solar System! by Tady Walsh (@tadywankenobi).
太阳系的模型,完成了旋转速度、卫星和每一个大的行星的细节。看起来就像现实世界的东西!
11. 3D Solar System
Full CSS 3D Solar System by Wayne Dunkley (@waynedunkley).
另一个太阳系的系统模型,不过这个是 3D 的,有美丽的阴影效果。
12. Flat Design Camera
Flat design camera with CSS animation by Damien Pereira Morberto (@damienpm).
使用CSS动画模拟在相机上按下快门,拍摄照片的动画效果。
13. Day and Night Transition
Day Night simulation by Szymon Stypa (@Catagen).
点击下面的按钮可以看到白天和黑夜的模拟效果。
14. Animated Sprite with CSS
Animate sprite with CSS by Avaz Bokiev (@samarkandiy).
示范序列图像(雪碧图)可以用来创建定格动画,配有正向和反向运动。
15. Dodecahedron
Dodecahedron by wontem (@wontem).
一个完全用 CSS 创建的微妙的,美丽的十二面体动画。
1. jQuery Transit
该jQuery插件扩展了jQuery的动画功能,增加了许多CSS3特性,如rotata(旋转)、skew(扭曲)、scale(缩放)等。
2. Transform.js
这也是一个jQuery插件,不过它扩展的是animate()与css()方法的功能。通过其引入的CSS3属性你可以完成一系列的动画效果。
3. Paper.js
Paper.js是一个开源的矢量图形脚本框架,运行于HTML5 Canvas(画布)之上。它提供了一个整洁的场景图(Scene Graph)或文档对象模型来创建矢量图形,并且拥有许多强大的功能,可以生成贝赛尔曲线等。所有这一切都通过一个精心设计的整洁一致的编程接口封装了起来。
4. Move.js
Move.js是一个小巧的JavaScript库,可以创建非常简单而优雅的CSS3动画。
5. JSAnim
jsAnim是一个强大却易于使用的JavaScript库,绝对可以让你创建令人惊叹的动画效果,而不会影响项目的可用性。它只有不到25KB,但却非常强大。
6. GX
GX是一个功能完善的、跨浏览器的超轻量级(未压缩状态下只有10KB)JavaScript动画框架。使用GX框架,你可以利用所有的W3C CSS属性来创建复杂动画效果。
7. Animatable
纯粹的CSS3动画方案。这里有一个demo,你可以看见使用它能实现什么样的动画效果。
8. Animate.css
Animate.css是一个可直接用于项目的有趣的、跨浏览器动画方案,包括一个纯粹的CSS3动画库及一些预定义的动画片段。
9. $fx
一个轻量级的JavaScirpt动画库,对JavaScript DOM函数进行了扩展。它体积很小(只有3.7KB)——健壮的实现,较低的学习成本,总之$fx是一个不错的选择。
10. Scripty2
Scripty2是一个强大灵活的JavaScript框架,可以让你编写属于自己的“可视化大餐”或者令人深刻的用户界面。它是Flash的竞争对手。
转载:http://www.yyyweb.com
顶级的CSS和Javascript动画框架推荐相关推荐
- 10个顶级的CSS和Javascript动画框架推荐
在网站中嵌入动画已成为近年来的一个设计趋势,许多公司都已开始转向并拥抱HTML5.CSS3和JavaScript这个技术"三人组".尽管这些技术还不能制作一些非常复杂的动画(像fl ...
- 顶级的CSS和Javascript动画框架
CodePen 是一个在线的前端代码编辑和展示网站,能够编写代码并即时预览效果.可以欣赏到世界各地的优秀开发者在网页中实现的各种令人惊奇的效果 1. jQuery Transit 该jQuery插件扩 ...
- 10个css动画,10个精妙的CSS和Javascript动画Logo的示例(上)
Python部落(python.freelycode.com)组织翻译,禁止转载,欢迎转发. Jake Rocheleau,2017年3月6日 如今使用HTML和CSS构建动画Logo比以往更容易,且 ...
- 10个顶级的CSS UI开源框架
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验.作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现 ...
- 9 个基于JavaScript 和 CSS 的 Web 图表框架
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图, ...
- 使用CSS和JavaScript的网络动画
在2016年都柏林DrupalCon上,Nikhil Sukul和Vidit Anjaria将与Drupal讨论动画 . 动画基础 历史 "动画"的最初迹象来自大约5000年前的伊 ...
- CSS3动画框架 Animate.css
CSS3的动画应用越来越多了,Animate.css一个从名字上就知道干什么的动画框架. github上的访问地址:http://daneden.github.io/animate.css/ 使用方法 ...
- html5 特效框架,超级惊艳 10款HTML5动画特效推荐
原标题:超级惊艳 10款HTML5动画特效推荐 今天我们要来推荐10款超级惊艳的HTML5动画特效,有一些是基于CSS3和jQuery的,比较实用,特别是前几个HTML5动画,简直酷毙了,现在将它们分 ...
- 推荐一个动画框架Lottie
Lottie 是个非常出名的动画框架,官网:https://airbnb.design/lottie/ UI设计者,做好动画效果后,导出json文件,以及相关的资源文件.用这个框架已经很久了, 之 ...
最新文章
- 两个苹果手机怎么传通讯录_苹果手机通讯录丢失怎么恢复?货真价实的通讯录恢复技巧...
- jquery.ui.datepicker默认日期
- Netty 简单样例分析(io传输的框架)
- php中preg_match用户名正则实例
- 力扣116. 填充每个节点的下一个右侧节点指针(C++,附思路)
- 【挨踢人物传】tao61:做一个许三多式的IT攻城狮(第2期)
- python工作区是什么_在IPython中保存工作区
- 惊天后续 | 不仅可看照片和短信, 利用 iOS 漏洞无需密码还能打电话、发短信!...
- VMware Workstation 常见问题解决
- 计算机一级考试考什么呢,计算机一级考试考些什么呢
- MATLAB与SPSS接口
- python希尔伯特变换_Hilbert变换提取信号特征的Python实现
- 基础的java数据类型长度
- Oracle 数据库生成2021年节假日表SQL
- 谷歌学术打不开的解决办法
- 计算机网络传输速度单位换算,网络速度单位换算
- C语言 植物大战僵尸修改阳光值 代码实现
- iTween那些事儿(二)
- latex适量缩小公式符号间距,微调公式长度
- linux内核如何支持多核cpu,现在的多核CPU,Linux操作系统是否能够实现单个进程(多线程)的多核调度(跨CPU核心调度)?...
热门文章
- 序列化和反序列化的几种方式(JavaScriptSerializer 、XmlSerializer、DataContractSerializer)(一)...
- 【软件解决】 解决 TortoiseSVN 图标不显示问题
- Photoshop gif索引解锁及颜色失真问题
- SSL-Explorer 安装配置
- 数据治理管理平台有哪些特点
- html自动获取今日的周名称,jquery怎么写显示今天后2周的日历
- python用正则表达式提取中文_python3.x提取中文的正则表达式示例代码
- html鼠标拖尾效果,JS实现鼠标移动拖尾
- input眼睛显示 vue_2019前端面试题汇总(主要为Vue)
- NLP︱高级词向量表达(三)——WordRank(简述)