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

[开源推荐]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研发频道微博或发私信,我们会对其中的一些项目进行介绍或采访。

VB使用数组做属性 VB使用未安装的字体 输入限制确认-VB资料 熟悉VB的集成开发环境 鼠标取词-VB资料 谈变VB中APP.PAHT的注意事项 探讨高效的排序合并算法-VB资料 剔除INI文件中的注释部分-VB资料 提取可执行文件中的图标-VB资料 添加记录到文档菜单-VB资料 突破 SendKeys 的限制-VB资料 突破SendKeys的限制 -VB资料 圖面背景透明的技巧-VB资料 退出并关闭 Windows-VB资料 托盘程序详解(二) -VB资料 托盘程序详解(一) -VB资料 我怎样确定我的程序是否在运行?-VB资料 无重复随机数序列产生器 -VB资料 显示打开方式对话框建立文件的关联 -VB资料 显示动画鼠标图标-VB资料 修复VB5启动时可能出现的一个bug 修改IE的环境菜单-VB资料 修改安装向导生成的缺省安装目录 -VB资料 修改屏保口令 -VB资料 修改屏幕保护的口令 -VB资料 旋转字体 -VB资料 延时函数-VB资料 一个关于乘法溢出问题的探讨 -VB资料 一组VB实用小程序 一组VB应用技巧 隐藏和显示任务栏-VB资料 我高手在哪里?-------> 如何在第一时间里获得屏幕的变化呢?及获得屏幕变化的那部分?各位大师,帮帮我。谢了。 怎么在局域网中2000server下发布网站???? 有关CRecordset,ODBC,Sqlserver的数据库,为什么会变慢? 急!!!有谁知道XP的解密程序? 我用regeditset语句自动注册odbc数据源,注册完成之后程序可正常使用,但控制面版中的odbc数据源中却找不到该项,是不是还要修改某个文件?请告知为谢! !!!!请问这个怎么实现??(有图) 在多层系统中数据更新是如何实现的? Applet 里面怎么做菜单 串行口的简单问题,求救 如何在函数里面传字符串数组 请问哪里有《Delphi 4 编程技术内幕》随书附带的源码下载啊? 请教:将可执行程序安装到用户机上后,用什么办法控制其它用户非法复制使用? 我想隐藏MSFlexGrid2的的10到最后行,但不行!!急救!! 哪有STL 和BOOST库的SOURCE CODE 当 如何做安捷生产管理系统。如何下手!!! PB8在链接Access2000时,为何会发生问题.链接后在PB8中打开只能看库中数据,却不能修改! 我用OCX控件编程,插入OLE控件时,出现“需要协议文件”,我该怎么办呢? waveoutopen! 问个问题,我一直有疑惑 BDE中建立的Access库,怎么才能打开; Access的密码为空,用户名不知道; 第四次帖了,高手在哪儿? 为什么我装了一个元件后再安装一个另外的,会把第一个冲掉? 就要去实施了,不知道什么时候才能回来,散分 我是菜鸟,问一个很菜的问题,!!!!!!!!! ATL中创建的ActiveX控件,是怎么在程序中使用的???????????? 一个关于LotusScript的一个问题。调用公试。 **请教:怎么让MSFlexgrid的一行显示一种颜色. 一个小问题,希望有人能解答! DLL高手请入,关于在DLL中引出对象的问题?????? 求教!!有关DLL调用中返回字符串类型出错的问题。 Delphi怎么实现子类化? session 和 cookie 各有千秋,区别在那里啊?敬请赐教! fm1008leaf(小幻姬(玉笛书生的徒弟)):我考考你就知道你是真是假! jneu(沧海桑田)怎么不理我?有关宏拷贝问题 paradox中的NUM类型在sql语句中是什么类型?为什么asfloat会出错? 关于J2EE的就业前景,值不值的花二万元参加一个二十天的培训,欢迎大家热烈讨论 在listbox 中,如果知道了一个Item的内容,怎么知道它的indix 今有同仁问到,三十以后咋过。恰巧心情郁闷,发上几句牢骚。 少年暗恋对象,早已嫁作人妇。那天遇见街头,孩子叫我叔叔。 OICQ问题! 如何可获得Table 内字段的类型及长度? windows2000 server 的internet 共享怎样设置权限 软件开发的请进来讨论,关于报酬的问题。大家多提建议。 1.为什么有些地方可以用MessageBox函数,有些地方不可以2.mfc的CView::OnFilePrint提供了打印的方法,要是一个程序没有视图要打印一般用什么方法? 请问在DEVELOP2000里面可以使用进度条控件吗?怎么编程实现? ???oracle监听器问题? WebBrowser控件获得网页中文本框的名称该如何写? CFtpConnection 怎样在FastReport中控制或判断所连接的数据库表到了eof? CTypedPtrList模板对象中,如何删除指定位置的元素??十分着急! ms sql server 的技术问题 怎样清除事务日志????????? 在那里改个人在cdsn.net注册信息(如名字,地秩)? 请问用食醋可以做 醋酸白实验吗? 面粉怎么发酵 可乐和雪碧中都溶解了二氧化碳,当打开可乐或雪碧时,会看到有大量气泡产生,你认为气泡中的气体是? 1.图中大概是“神舟七号”发射3个月后的全球局部光照图,此时太阳直射点的坐标是______.2.属于新的一天的经度范围是______,新旧日期的面积之比为_______. 如何发酵面粉 二硫化亚铁和氧气反应配平的过程 双线桥法怎么表示 高一自然地理要点 如何配平化学方程式,举例说明一下...RT,例如:"向氢氧化铜中滴入稀盐酸."化学方程式如何得来的,又如何配平.最好是最小公倍数法的详细计算过程."向盛有澄清的石灰水的试管中吹气",这样又 硫化亚铁和氧气反应的化学方程式? 化学方程式配平最小公倍数法可以解决所有的化学方程式吗?为什么有的题目用不行呢? 化学方程式怎么配平?求回答,请举例. 二硫化亚铁与氧气反应的方程式 求初中化学方程式配平练习题我需要练习方程式配平 急需 基础习题.谢谢! 奇数配偶法配平化学方程式是不是不是所有这一类化学方程式都适用如 ( ) Fe3O4+( )CO===( )Fe+( )CO2 反应条件是高温 硫化亚铁与氧气反应,生成三氧化二铁和二氧化硫的反应,配平的具体过程是什么呀? 尖锐湿疣的醋酸白实验用食醋可以吗? 化学方程式配平怎么配平,常用的配平方法偶那些,考得最多的 是那种方法,求举例分析? 二硫化亚铁在沸炉中与氧气反应的化学方程式 用食醋能做醋酸白实验自我诊断尖锐湿疣吗? 3个连续奇数的和是15,这3 个奇数的最小公倍数是多少? “升失氧氧氧是还,降得还还还是氧”各指什么? 海带和大米哪个属于绿色食品?海带是不是蓝色食品?为什么? 高一生物必修一第二章知识点总结 降氧升还,得氧失还 为什么从海带中提取碘要海带用酒精湿润? 白酒,加碘盐,食用醋,冰水哪个是纯净物 升失氧:氧化反应,氧化性,还原剂,还原产物对不对啊?一直混掉… 用最小公倍数,奇偶配平数,观察法,灵活应用. 蒸馏水含有二氧化碳,对食用醋总酸量的测定将有何影响 关于可乐饮料,下列说法错误的是 A可乐饮料的碳酸会腐蚀牙齿,造成骨质疏松 B可乐会导致肥胖糖尿病C可乐饮料含有丰富的营养物质D可乐饮料只是一种好喝的水单选题 什么是奇偶数配平法? 甘油和醋及蒸馏水如何调配我的皮肤是混合性肤质,两颊干干的,T字区油油的,而且很容易长痘痘,也有很多黑头. 高二上生物知识点人教版(必修)第一章和第二章的知识点谢谢啦 怎么配P2+O5--P2O5?最后反应物的P2前为什么有个4? 用醋泡的酸萝卜 吃了有什么好处 物理化学的知识点应该怎样记忆? 还有化学中需要注意的问题 九年级化学配平练习题(要内附答案的)越快越好 九年级物理化学知识点归纳 九年级上册化学里要注意一些什么?特别是化学式.如何正确给化学方程式配平,有哪些方法? 一道化学配平题FeSO4+HNO3=Fe2(SO4)3+Fe(NO3)3+NO+H2O 在化学反应中,失去氧的物质叫-------------,得到氧的物质叫------------------- 例如:CuO+H2=Cu+H2O,其中CuO是---------,H2是------------ 食醋是由微生物发酵而;来的吗?面粉呢? 谁有初中化学配平练习 在氧化还原反应中得到氧的物质叫__,具有__性;失去氧的物质叫__,具有__性. 酿造食醋里为什么添加食盐,有什么作用?我在看一些醋的配料里好多有食盐,好奇 为啥要添加盐呢 没人知道么? 化学配平的题 ABC是中学化学中常见的三种物质,A与氧气反应生成B,B与氧气反应生成C,A与氧气反应生成C1若A是一种金属C是淡黄色固体则B是A到C的反应方程式2若A是一种非金属,其常见的单质为黑色固体,C是最 为什么说食醋生产是多种微生物参与的结果?常用的菌种有哪些? 用高锰酸钾制氧气的化学方程式 要配平 在同一个化学反应中,有物质失去氧,必有物质得到氧对不对?2H2O=(通电)2H2+O2书上说对,为什吗 最小公倍数法配平化学方程式最小公倍数法是不是就是把各个同种物质的化学式的角标数字相乘?用初三学生知道的化学式讲解下 高二思想政治(必修四)生活与哲学 知识点总结人教版 流水账形式 如何配平很复杂的化学方程式?例如高锰酸钾取氧 如何配平化学方程式以及最小公倍数的方法请说明方法.再举个简单不要太复杂的例子.比较易懂.跪求了... 高一思想政治2政治生活(必修)的知识点问题2高一思想政治2政治生活(必修)第2008学年坚持人民民主专政的意义?我国公民享有的政治权利?最好标有页码 求高一必修一生物知识点 可用食醋来做醋白实验吗请问医生可以用我们平时吃的食醋(陈醋,米醋,白醋)来做判定尖锐湿疣的醋白实验吗? 配平的奇数配偶法 谁可以讲一下我不太懂 高一生物必修一知识点
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn