首页»HTML/CSS»Effeckt.css项目:CSS交互动画应用集锦

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

来源:csdn 发布时间:2013-09-06 阅读次数:
  目前,网上有大量基于CSS转换的实验和示例,但它们都过于分散,而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来,例如:弹窗、按钮、导航、列表、页面切换等等。   Effeckt.css是一个集合了众多新鲜而又实用的CSS/jQuery动画效果应用,既适用于网站也适用于手机Web开发,例如:弹窗、按钮、导航、列表、页面切换等等,这些特效动画都能给你的网站提升一定用户体验,而且简单实用。   Demo页:http://h5bp.github.io/Effeckt.css/dist/   项目初衷   为移动Web网站开发和设计UI并不是件容易的事情,尤其是在60fps下传输和执行。最理想的做法就是基于手机/平板电脑的CSS过渡和关键帧动画来进行jank-free转换,特别是利用硬件和透明度的变化来加速转换。   目前,网上有大量基于CSS转换的实验和示例,但它们都过于分散,而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来。   具体应用:
  1. tympanus.net/Development/ModalWindowEffects/
  2. tympanus.net/Development/PageTransitions/
  3. tympanus.net/Development/PFold/index2.html
  4. leaverou.github.io/animatable/
  5. lab.hakim.se/ladda/
  6. lab.hakim.se/kontext/
  7. lab.hakim.se/avgrund/
  8. lab.hakim.se/meny/
  项目目标
  1. UI较少,只专注于转换/动画;
  2. 具有优雅、合理的动态效果;
  3. 创建浏览器支持指南;
  4. CSS性能回归测试;
  5. 针对目标浏览器/设备提供jank-free 60fps;
  6. 如果某个功能不能达到性能目标,可以排除这个功能;
  7. 有如何避免影响到其它样式元素指南(避免expensive CSS)
  8. 提供一个builder,用户可以根据他们的需要来推送CSS
  9. 移动设备上是没有悬浮效果的,所以任何基于悬浮特效的都将被排除在外或者是有一个点击的动作特效。
  关于Effeckt.css的更多详情,可以访问:https://github.com/h5bp/Effeckt.css   问题咨询与反馈:http://github.com/h5bp/Effeckt.css/issues   国内镜像地址:https://code.csdn.net/OS_Mirror/Effeckt.css
QQ群:WEB武松娱乐官方群(515171538),验证消息:10000
微信群:加小编微信 849023636 邀请您加入,验证消息:10000
提示:更多精彩内容关注微信公众号:全栈武松娱乐中心(fsder-com)
网友评论(共0条评论) 正在载入评论......
理智评论文明上网,拒绝恶意谩骂 发表评论 / 共0条评论
登录会员中心
武松娱乐官网