说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

[开源推荐]Effeckt.css项目:CSS交互动画应用集锦

HTML文档下载 WORD文档下载 PDF文档下载
目前,网上有大量基于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动画的应用集中起来。

具体应用:

  • 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

各位开发者/开源爱好者们,你们有哪些精彩的开源项目呢?不妨拿来和大家一起分享吧。欢迎大家积极推荐,大家可以@CSDN研发频道微博或发私信,我们会对其中的一些项目进行介绍或采访。

手游不易:GungHo 3.44亿美元售Supercell股权 周末去哪儿 当然是去2014微信开发者大会!(附参会提醒和名单) 开源框架Ember.js迎来1.7.0和1.8 Beta 1更新 《近匠》RealSense:几行代码,为游戏添增实感交互 MDCC游戏应用征集关键词:中小团队,3D,转型,IP 共话HealthKit:能否颠覆医疗保健生态系统? Perception Neuron系统,让动作捕捉技术不再高冷 2014年DevOps实践调查报告 .NET程序性能的基本要领 百度手机卫士宣布开放三大能力 构建互联网安全生态 火速围观,AMD APU新芯片架构A68H呼之欲出! 对于测试人员而言,TDD意味着什么? 年用电910亿度,那些庞大的数据中心该用什么支撑 走近黑客们的世界,感受网络空间的心跳 VMworld 2014 Day One:Docker、数据中心、混合云新举措 Docker和Kubernetes或将加速SDN发展 前端开发框架三剑客—AngularJS VS. Backone.js VS.Ember.js 【CTO俱乐部读书会】《流程的永恒之道》辛鹏:企业的本质就是流程运营 紧扣微信研发痛点 2014微信开发者大会吸引大量外地参会者 Mobile First!jQuery UI组件集Wijmo五年最大更新 首届TCL杯HTML5智能电视—应用开发大赛火热开启! MDCC智能硬件征集关键词:智能家居、机器人、健康生活 采集颜色、自动同步,还有比这更牛叉的儿童触控笔么? AppCan移动平台:为企业移动化进程加速 学生强则国强,访天猫推荐算法大赛Top 9团队 Mozilla与三星之子——Servo特性解读 360天巡启动公测 打造新一代企业级无线安全解决方案 继Storm和Spark之后,Hortonworks添加对Kafka的支持 一周消息树:国产操作系统最快10月发布,并支持应用商店 技术团队看板方法实践的难点分析 SAP云服务加速转型:调动资源瞄准中国市场 my gf photo 我想问一下,java生成的.class文件能不能通过某种工具生成.exe文件? VC中组合框为什么不能下拉? 请问哪有最新的wise for window .net的版本可以下载 "java原型开发"指得是什么开发? 能否用VC++实现类似东石公司的虚拟光驱系统 请问会话Bean和实体Bean的区别在那?能给出例子吗? word文档如何存入SQL SERVER 2000? 请问如何才能在windows 2000 server 上装MTS? 有女朋友而且上网和别的mm聊天的入内签名! 如何显示不同的颜色... 有关网络开发和com的问题,高分征集关注和提供方案! 探讨一下safearray 的使用问题 关于QQ界面的制作? 在主界面中添加一副图片的问题被遮住的问题 有一个EXE执行时,我希望能删除它自己 如何在程序中获取IE当前浏览网页的IP地址或域名地址? 有南京的兄弟吗?我想买《delphi4编程技术内幕》,就是Charlie Calvert那本精华。 如何在工具条上加载图片作为工具条的背景 怎样来写这个数据连接? dbgrid里的赋值问题 Borland自带的ADO例子为什么也出错啊? pb 出现 maximum script size exceeded 保存错误 愿意到上海的软件高手可以来看看,真是没想到 我这里有一个链表类,我怎么在别的文件中使用它呢? CArray的问题? 编译器出问题了! 那里可以找到asp.net的一些原码,现在市面上的书没什么有深度的 修改PING数据包VB能做到么?高手来指点,中级来探讨,初级来学习,分数大大的有~ ;) 请教(qingrun,qingrun等大虾),请指教? weblogic高手请指点!这是不是设置不对造成的? 这样都行啊----老板是写软件的好沟通的很,干活痛快 标签hidden是干什么的,怎么使用 关于treeview中+/-按钮 动态创建了多个StaticText,我想实现将任意一个StaticText拖动到另一个StaticText上后交换他们的几个属性,该如何做? 出问题了 读取数据失败,谁能解释一下原因 向往PB之路但突遇路障,盼高手急施援手,予以鼓励!(PB8.0) 还是打包问题,烦死我了:( 请问怎么把日期相加? sql server各版本支持的最大数据库是多大? Imail的软件有什么作用 ?两个时间格式的字段,我要取二者的差(还是时间格式)? 别人用MODEM拨号到我的路由器,现我要做一软件对拨号的日志进行查询统计, 我如何取出CISCO5300中的拨号日志??? 还是打包问题,烦死我了:( 菜单与工具条的高度如何取得?? 出问题了 请问,VB能否做交叉报表?谢谢!! 那位大哥知道怎么能让一个服务器同时解析两个域名。(2K服务器) 用MODEM拨号到路由器,现我要做一软件对拨号的日志进行查询统计.我如何取出CISCO5300中的拨号日志? 前面多谢大家了,我的BCB编译缓慢,是否还和操作系统有关呢??我用的win2000 Server版的。 有机物的结构式(1)该物质苯环上一氯代物有多少种 (2)1mol该物质和溴水混合,消耗Br2的物质的(1)该物质苯环上一氯代物有多少种 4(2)1mol该物质和溴水混合,消耗Br2的物质的量为多少 什么字代表夏天的意思 高中物理天体运动中的地球自转?为啥考虑地球自转时 万有引力等于重力加向心力 赤道上的物体是否万有引力全部充当向心力,那赤道上的物体岂不成了卫星,出现瓦解了吗两极是否重力等于 已知H2(g)+Br2(l)=2HBr(g) △=-72kJ/mol,蒸发1mol Br2(l)需要吸收能量30KJ1mol分子中的化学键断裂时需要吸收的能量/kj H2(g):436 Br2(g):a HBr(g):369答案是200我是这样算的[436+(a-30)]-(369X2)=-72 解得a=260( 蒸 乙酰乙酸乙酯与2,4—二硝基苯肼反应化学反应方程式是怎么样的?三乙中的什么与二硝基苯肼发生反应? 5.男生人数如果减少五分之一就与女生人数相等.下面说法正确的是( )A.男生比女生多20% B.男生是女生的20% C.女生比男生少20%6.做一批零件,甲需要8小时,乙需要10小时,甲的工作效率比乙的工 已知H2(g)+Br2(l)=2HBr(g)△H=-72kJ/mol,蒸发1mol Br2(l)需要吸收的能量为30kJ,其它相关数据如下表:H2(g) Br2(g) HBr(g)1mol分子中的化学键断裂时需要吸收的能量/kJ 436 a 369则下列说法正 春天代表希望,夏秋冬代表什么?夏天代表什么~秋天代表什么~冬天代表什么? 椭圆的第三定义是什么? 从百草园到三味书屋的习题答案1.似乎和确凿两个词语在一句话中是否有矛盾,为什么? 一物体在空中称重8n,将其完全浸没在水中称重6n,求物体密度.请详解,谢谢 1,绕同一个中心天体转动,角速度是否相同?(椭圆轨道或圆轨道)2,v=w2是不是只适用于匀速圆周运动?不好意思,第二个打错了,是a=w2R 化合反应在化学书上第几页 12、将重为6N的物体浸没在水中,它排开水的重是8N,则物体在水中静止受到的浮力是(A、6N B、8N C、1N D、14N 请说明理由 还有一张图 发不上去了 是后几道题的 追问发给你们 氧化反应与化合反应CaO+H2O=Ca(OH)2 是不是氧化反应?个人觉得不是.化合反应?个人觉得是.氧化反应定义? 夏天什么东西是金黄的 椭圆的第二定义是什么? 椭圆的简单画法有图解 如图,点A,B,C是数轴上三点,其中点C是线段AB的中点,点O表示的是原点,线段AC比线段OA长一个单位,点B表示的有理数是17,求点C表示的有理数. 如图所示.地球和某行星在同一轨道平面内同向绕太阳做匀速圆周运动.地球的轨道半径为R,运转周期为T.地球和太阳中心的连线与地球和行星的连线所夹的角叫地球对该行星的观察视角(简称 椭圆的画法是什么? 下面两个多位数1248624……、6248624……,都是按照如下方法得到的:将第一位数字乘以2,若积为一位数,将其写在第2位上,若积为两位数,则将其个位数字写在第2位.对第2位数字再进行如上操作得 3.4x-48=26.8要求:检验不用写! 请问练习的1和2怎么做, 求这道数学题怎么解答!为了创造一个更好的城市环境,市政府将一个城市道路改造的工程包给某公司,该公司甲乙两个工程队合作这项工程需四个月完工,若先由甲单独做三个月后,剩下乙单独 椭圆的定义及性质要权威一点,我听说还有定义二? 八、1、2思考题 这道数学题怎样解答? 小伟做练习题,第一天做了1道,第二天做了2道,第三天做了3道,以后每天都比之前一前多做1道题,请问小伟30天一共做了多少道题?(简便方法做) 练习题第一和第二题! 1除以3等于三分之一,三分之一是0.333333333333无限循环,三个加起来应该是0.9999999999无限循环接近1,但是并不等于一,但是为何3成衣三分之一等于1.朋友问我,我该如何回答 钠与硫可以直接化合,甚至爆炸,为什么? 化合反应和分解反应是化学变化吗? 苯酚能与碳酸钠反应吗?如果能,生成什么? 1200×140×730mm是多少立方 化合反应和分解反应是化学变化吗?求大神帮助 如何几何证明椭圆第二定义等同于第一定义 钠与硫反应发生爆炸是化学爆炸还是物理爆炸?有没有化学爆炸的实例? 在化学变化中如何快速分辨是 分解反应、化合反应和氧化反应?例如:氧化汞加热得到氧气是神马反应?过氧化氢溶液加入二氧化锰,得到水和氧气是神马反应? 已知两颗人造地球卫星的轨道半径rA=2rB,则它们的线速度、角速度、加速度和周期之比是 椭圆.双曲线准线定义 2,4-二硝基苯肼与什么结构反应 我知道线速度角速度轨道半径周期向心加速度都是不变的,请问有没有哪个量是在变的 设全集U=Z,A={x|x=2n-1,n∈Z},B={x|x=4k-1,k∈Z},C={x|x=n+1,n∈Z},试求A∩(B的补集)和C∩(A的补集).这是一道集合的运算题目。 会计恒等式是?财务聚贤堂感谢你作出的贡献 数学题~求各位解题讲思路1.小平看一本故事书,已经看了全书的40%,还剩90页没有看.这个故事书一共有多少页?2.小平看一本故事书,已经看了全书的40%,比没看的少90页.这本故事书一共有多少 钠和硫化合到底会不会爆炸?rt一种理论是:会爆炸,因为放出了大量的热另外一种理论是:因为是两种固体的反应 初中关于化合反应、分解反应的化学问题.化合反应的例子(至少两个) 1.单质+单质 2.单质+化合物 3.化合物+化合物 分解反应的例子(至少两个) 1.生成单质 2.生成化合物 如何理解会计恒等式 为什么苯酚与碳酸钠反应?为什么苯酚与碳酸钠反应?而不与碳酸氢钠反应?能不能用酸性强弱来解释? 既不是化合反应也不是分解反应的化学变化是什麽 我有三个酒窝,左边两个,右边一个,左边为什么会有两个 最好可以说一下做题思路. 化学中4个基本反应一定是绿色工艺的哪一个 是分解还是化合请说出理由 什么是会计恒等式? 苯酚为什么与碳酸钠反应 1mol的这个物质可以消耗多少mol的Br2? 会计恒等式有哪些? 椭圆第二定义是什么
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘