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

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

Visual Basic三级跳 Visual Basic使用技巧 Visual Basic中的子类处理技术 Visual Basic中软件封面技术探秘 VisualBasic 软件设计中的几个问题 Windows 95/NT 运行了多长时间 -VB资料 Windows 的登录资料库 -VB资料 把回车键变成TAB键-VB资料 把文件置入到Text或RichText中 -VB资料 避免按 [ENTER] 回车键产生的“嘀”声 -VB资料 避免使用全局变量-VB资料 避免装载多份应用程序-VB资料 不定个数的参数 -VB资料 不在任务栏中显示,只能在Ctrl+Alt+Del对话框中显示或者干脆什么也不显示数 -VB资料 处理 Dropdown List型 Combo的录入问题-VB资料 VB创建和删除快捷方式 从程序中生成 exe 文件 -VB资料 打开和关闭CD-ROM 驱动器 -VB资料 打开和关闭其他应用 -VB资料 打开一个超连接 -VB资料 当前操作系统的语言集-VB资料 当前系统目录-VB资料 得到磁盘上剩余空间的值-VB资料 调用“添加打印机”对话框 -VB资料 调整分辩率和取当前分辩率 -VB资料 定义全局热键-VB资料 动记录应用软件工作时间-VB资料 动态改变屏幕设置-VB资料 读取档案的建立时间及存取时间 -VB资料 多个参数的属性 -VB资料 发现剪帖板的秘密 -VB资料 关于listbox和数据库之间的问题 我想写一个能把任意字符串截去掉最后2位并输出的过程,只有用动态SQL才能实现吗? 求:比较适合于汉字处理的细化算法,作为回报,为也会提供一些比较好的算法 图像缩略图的问题 一个本人认为很难的问题 为什么在datagrid中修改数据时不会引起RowChanging或ColumnChanging事件? 为什么我调用XXXX函数时,在函数体内若更改了两条记录然后分别提交,为什么只有一条记录提交。 大家好,有谁没看过《一个都不能少》? 有点蒙呀……请大家帮我! jdbc中如何返回所执行的sql语句的结果 最近在找个网站管理系统,各位能否给个建议100分侯 标准库和标准模版库,和库函数什么关系啊 我是这样调用DLL的。 java里面有没有象MSDN一样的帮助系统啊??? 哪里可以下载库函数的中文资料啊 在一个框架页面上,如何进行打印? 大家好啊,来帮帮忙做这道题,小妹谢谢啦!:) delphi的报表问题 (急急急,线上等待) ora8i的安装问题,急! go命令为什么没效果 Query的设置? 回答过菜鸟级问题-我做的FLASH动画在有些机器上无法显示的请接分。再次感谢 给点意见!!! 求救,如何限制用户下载!!!内有详细说明.分不够可以在给!!! 請問怎樣用代碼得到一個dw控件的 dw 對象并messagebox出來? ★★★算法讨论:如何识别红眼和消除运动模糊★★★ 兄弟们,帮我啊!~ 紧急求助:请问如何在MFC程序中调用自己编写的C++类 请问谁有组卷的算法,急用,多谢! 急!!!关于FileSystemObject问题,在线等 求面积 鼠标在视图和用非模式对话框交互绘图 在.login中怎么设置汉字的位数? oracle9i的安装文件都有什么?望高之!急! 如何用window.open弹出一个屏幕居中的窗口? 大侠们,在线求word200文件密码破解,急!!!!!!!!!!! ccnet(苦海放歌) tdl982324(石井坚) ( ) wanghr100(灰豆宝宝.net) possible_Y(◎)(◎)←(这是眼镜,不要想歪了)请接分 ccnet(苦海放歌)yaoxuefeng(锋雨者)brainf(后街)请接分 配置节的type的第二个参数的含义 报表问题。 最近在找个网站管理系统,各位能否给个建议 windows2000的奇怪问题 关于如何自定义组件问题 有关windows 98自动重起问题。 ListBox问题 VFP8.0中的数组问题,高手和用过的人来看看! 数据库的移植问题? 重新开机时常常变成"大图标",怎样设置使WIN2K所有磁盘(c,d,e盘)上的所有文件夹和文件以"列表"显示,就是让"查看"->"列表"固定? oracle9i的安装文件都有什么?望高之!急! 哪位有没有SCJP培训的录音或其他教学的好东西阿 MSComm控件在设计时运行没问题,但打包后装到别的机子老是出现“没有注册类”,求救? 德治和法治各有什么特点 行路难 中心思想中心思想. 老婆怀孕5个月梦见抓鱼,抓了很多长着胡子的大黑鱼,最后跑了很多,只剩下一条了.这预示着什么呀有知道的 请问减刑能体现法治的什么优点?(德治同时也具备这个优点的) 七里香是不是只有八句啊席慕容的 Ich bin nicht qualifiziert 是什么意思啊?RT我在翻译器上查到的都是“我没有资格”啊·····到底是不是呢?是不是出自哪本小说或剧本呢? 法制比德治的优越性社会发展主要靠法制还是德治,理由是什么 瞬间电流方向是怎样的?物理学中的瞬间电流方向一般都是怎样的? 水浒传中因高俅斥退而流落东京城的人是谁 4.5.6题都写,写到纸上, 电流是怎样形成的,方向如何方向呢?电子在电源中由负极向正级移动,那电流方向与电子运动方向相同吗? 有喜欢做爱戴套的男人吗他说会痛,为什么呢?真的会痛吗?我怀疑他是不是在找借口. 黄素腺嘌呤核苷酸 感动中国刘伟一件事作文 爱戴的意思 和爱护的意思 中学生如何做一个有道德的公民?---政治试卷的问题拜托了各位 谢谢急//急 不是要写作文的,就初中的,政治的试卷 行路难这首诗的主旨是什么?简短点的!长的不要! 冠鱼狗是保护动物吗 打造精神品牌活动,对青少年的健康成长有何道德启示 英语翻译求求了, 什么动物有冠 名人坚韧不拔的小故事,两百字内 电路中瞬间会产生大电压吗 头上带冠的动物是什么 上述活动的开展,对青少年的健康成长有何道德启示 近现代中国人民为反抗外敌入侵进行了怎样的斗争,取得了怎样的成就,留下的历史启示是什么 读了富兰克林后的读后感100字 诗歌之美,抗震救灾,万众一心,众志成城,任选一组做藏头诗,密切抗震救灾,共十六个,任选一组. 西班牙语cuantos son?Cuantos son y cuantos anos tienen?是“你家有几口人 他们多少岁”?如果是“你家”,为什么不用sois? 如何保护翠鸟 抗震救灾感恩作文 题目为不畏艰难,百折不挠 西班牙语中le esta que su con 怎么用? 数据元素的最小单位是什么? 微分法:求曲线的一条法线的方程求曲线C:y=x(2x-3)^2的一条法线的方程,该法线垂直于L:y=-3x-5 She wonders,"What is 6 minus " 改为宾语从句 She wonders_____ 6 minus 6_____. son sau 是西班牙语吗 【求助】一道微分法的数学题 损坏公物的英文怎么说?比如损坏课桌,椅子什么的.快, 已知M(1,0)、N(-1,0),点P为直线2x-y-1=0上的动点.求PM^2+PN^2的最小值,及取最小值时点P的坐标 爱护公物作文,注意是爱护公物,不少于500字,速度(1小时内)会写还问你们? 七里香怎么样 初二数学题,跪求大神解决 爱护公物作文 结尾要50字以上 《七里香》 如图,反比例函数y=k/2x和正比例函数y=1/2x的图像相交与A、B两点,其中点A的横坐标为2.问:在x轴上是否存在点P,使△BOP为等腰三角形?若存在,求出符合条件的点P的坐标:若不存在,请说明理由 爱护公物的作文 倒车的时候是车尾往哪边去了,方向盘就往哪边打吗,如果是的话,请问为什么吖 两小儿辩日孔子不能判断谁对谁错两个小孩是什么态度 Ich wünsche Ihnen Glück.Obwohl dies nicht das Resultat,das ich wollte.一个女孩写给我的, 倒车入库过程中,如果车尾左边快撞到左边秆子,该向哪边打方向盘? 初二数学 急求答案!必采纳!(第6题的解题过程最好写在纸上,谢谢) “古之大化者,乃与无形俱生”,出自?知道是出自《鬼谷子》,问记载这卷的是?《隋书》?《说苑》?还是别的? 将what did she tell you?改成宾语从句主句为he wondered teachers got so angry with them as to fall them in front of the class是什么 如何理解鬼谷子中“古之大化者,乃与无形俱生”其中的“无形”怎么理解! 请问法治与德治的区别? 史记高祖本纪读后感 来2个精美句子赏析要有意义的.不光要句子,要有赏析,好的追加30分! 七里香 tomatoes are known as love apples and those who eat them will fall in love.西红柿作为爱的苹果和吃掉它们落进爱河的人们是被知道的.我翻译的正确吗?但感觉怪怪的 都江堰拍到野生大熊猫视频:倒立撒尿圈美情报高官供出欧洲盟友 中国5城市上出差“一夜情”伤脸 澳最高法:不算工普京酷爱百达翡丽 萨科齐最爱Prad津巴布韦男蝉联“最丑先生”美男子遭遇车祸脑部创伤不能交流 女友调查总结女性二十“怕”普京力压奥巴马当选《福布斯》全球最有格鲁吉亚警告:别政治化冬奥会法国情侣将女婴弃于轿车后备厢 涉虐待媒体称比尔·盖茨西雅图豪宅的新邻居多《斯大林格勒》曾欲邀周润发,片酬过高美国被爆在驻华使领馆搞监听 北京上海王毅与福田康夫会谈引关注 日媒称或成意邮轮沉没事故发生时船长与情人在船上中国将继续积极支持和参与联合国维和行土耳其否决“采购中国红旗导弹”的早前新媒:记者陈永洲被批准逮捕 舆情急转日媒:“西进战略”对中国崛起产生重大混装的货车收费站附近爆炸 幸未造成人货车上高速大灯出故障 司机打着手电开烟草局回应下属单位阻挠控烟执法:已处福将!于大宝15轮后联赛再破门 国家北京撤销20家事业单位编制 多数为党中超:恒大1 0舜天 高拉特补时阶段深圳海关联手多家执法单位捣毁6个“黑内蒙古包揽第十届民运会跑马射箭前五名上海台湾开启跨境电子商务空运直送服务深圳:边防“肌肉男”抢救落水少女中超-毕津浩2球救主 上港2-2逼平内蒙古包揽第十届民运会跑马射箭前五名第二届侨商高峰论坛探讨侨商参与“一带智能硬件争奇斗艳 中国创客大赛掀甬城崔世安:澳门经济适度多元已取得一定成西班牙:男子为给手机充电 拔掉了爷爷广东对138名不符合暂予监外执行条件通讯:阅读“转型期”上海书业巧“变身达赖二哥在美出版回忆录:后悔与美中情原标题:陕西省山阳县山体滑坡失踪人数述评:人民币汇率短期下行不会引发“货香港侨界纪念抗战胜利70周年大型晚会中超:恒大1 0舜天 高拉特补时阶段
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘