HTML5资讯

当前位置: HTML5技术网 > HTML5资讯 > Effeckt.css项目:CSS交互动画应用集锦

Effeckt.css项目:CSS交互动画应用集锦

         Effeckt.css是一个集合了众多新鲜而又实用的CSS/jQuery动画效果应用,既适用于网站也适用于手机Web开发,例如:弹窗、按钮、导航、列表、页面切换等等,这些特效动画都能给你的网站提升一定用户体验,而且简单实用。

Demo页:http://h5bp.github.io/Effeckt.css/dist/

项目初衷

         为移动Web网站开发和设计UI并不是件容易的事情,尤其是在60fps下传输和执行。最理想的做法就是基于手机/平板电脑的CSS过渡和关键帧动画来进行jank-free转换,特别是利用硬件和透明度的变化来加速转换。



          目前,网上有大量基于CSS转换的实验和示例,但它们都过于分散,而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来。

具体应用:

  • tympanus.net/Development/ModalWindowEffects/
  • tympanus.net/Development/PageTransitions/
  • tympanus.net/Development/PFold/index2.html
  • leaverou.github.io/animatable/
  • lab.hakim.se/ladda/
  • lab.hakim.se/kontext/
  • lab.hakim.se/avgrund/
  • lab.hakim.se/meny/

项目目标

  • UI较少,只专注于转换/动画;
  • 具有优雅、合理的动态效果;
  • 创建浏览器支持指南;
  • CSS性能回归测试;
  • 针对目标浏览器/设备提供jank-free 60fps;
  • 如果某个功能不能达到性能目标,可以排除这个功能;
  • 有如何避免影响到其它样式元素指南(避免expensive CSS)
  • 提供一个builder,用户可以根据他们的需要来推送CSS
  • 移动设备上是没有悬浮效果的,所以任何基于悬浮特效的都将被排除在外或者是有一个点击的动作特效。

关于Effeckt.css的更多详情,可以访问:https://github.com/h5bp/Effeckt.css

问题咨询与反馈:http://github.com/h5bp/Effeckt.css/issues

国内镜像地址:https://code.csdn.net/OS_Mirror/Effeckt.css

【Effeckt.css项目:CSS交互动画应用集锦】相关文章

1. Effeckt.css项目:CSS交互动画应用集锦

2. CoffeeScript 已死,CoffeeScript 万岁!

3. CSS3 Glowing Text Effect

4. Blast Effect(爆炸效应)

5. 你不知道的JavaScript和CSS交互的方法

6. 阿凡达项目:一个HTML5战略一统江湖

7. Facebook雇佣OpenAppMkt创始人开发html5项目

8. Magic CSS3 – 创建各种神奇的交互动画效果

9. 7款纯CSS3实现的炫酷动画应用

10. 10款jQuery/CSS3动画应用 超实用

本文来源:https://www.51html5.com/a3402.html

点击展开全部

﹝Effeckt.css项目:CSS交互动画应用集锦﹞相关内容

「Effeckt.css项目:CSS交互动画应用集锦」相关专题

其它栏目

也许您还喜欢