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

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

Android游戏开发之旅三 View类详解 Android游戏开发之旅二 View和SurfaceView Android游戏开发之旅一 长按Button原理 Android程序内存管理必读 Android按键事件映射表和转义符对照 Android Intent大全更新到API Level8 Android中Intent对应的category列表大全 Android中内嵌字体实现个性化 TextView多行本文滚动轻松实现 获取和设置ListView的选择项 EditText中显示隐藏Android输入法窗口 自定义ListView行间的分割线 Android程序完全退出的三种方法 WebView使用技巧和介绍 EditText仅允许特定类型数据输入 自定义Android应用的访问权限 android.text.format文件大小和日期解析类 Android Rootkit相关揭秘 androidmanifest.xml高级属性解析 根据packageName构造Context SQLite操作,还是raw方法更简洁高效 Android开发基础YesNo对话框构造代码 Android代码性能优化技巧 Android开发注意点 Part One onSaveInstanceState和onRestoreInstanceState的用处 Android基础概念Context的作用 在Android的Notification中显示进度条 Android跨进程数据通讯-剪切板Clipboard ConditionVariable Android线程同步 Android软件开发方向指导 ArrayList LinkedList Set HashMap介绍 想请问各位朋友一个问题 想请问各位朋友一个问题 清那位高手指点一下 上海人,请讲信誉,我已忍无可忍了(放分) 修改计算机的名字导致SQL7.0不能启动,请问有什么修补的方法而不用重新安装SQL? c++ primer 候洁译与潘爱民译那个好些?? 为什么我的机会突然黑屏,但主机其实又没有关呢? 各位大虾,我是菜鸟,请问? 客户端的linux怎么才能通过域和代理的验证?? 加QQ:82439610 我来建个ORACLE、PL/SQL的QQ群! 大家多交流! 菜鸟问题:PHP中的变量使用前一定得声明吗?? 加QQ:82439610 我来建个ORACLE、PL/SQL的QQ群! 大家多交流! 用光驱看电影时经常说“显示器刷新率超出范围”,然后就只能重启,这是怎么回事? 加QQ:82439610 我来建个ORACLE、PL/SQL的QQ群! 大家多交流! 请问哪里可以免费下载到linux的源代码啊?谢谢! 如何择书与读书? 加QQ:82439610 我来建个ORACLE、PL/SQL的QQ群! 大家多交流! 我想转行到计算机软件,您有什么建议呢? 各位高手,看看这个贴!!谢谢 菜鸟问题:请教red hat下用.iso的安装镜像文件升级软件包的问题 这个中秋霉到家了,看看还有没有比我更霉的,同时祝愿自己能快点度过难关好起来!!!!!!!!!! 帮忙看看这个SQL语句什么地方错了? 此上机题的程序代码应该怎么写 想找个unix高手,有没有啊? 那里有java的帮助手册下载?类似于萎软的msdn & 0xFFF0是什么意思 银行存钱手续费问题 计算机网络——熊桂喜 译 INPUT如何用图片作背景? 谁能给我贴一个 Regular 动态 mfc-dll的例子! 函数怎样调用? 在线的各位高手,请问哪里可以下到SYBASE11.9.2安装程序? EJB-QL问题,怎么使用模糊查询LIKE? 请进 为什么我装了声卡驱动程序后,只能听到声音,却说不了话? rh9中用户目录下的.profile为什么不起作用? 我是专学PL/SQL编程的,但是我觉得这个不像是真正意义的编程! 大家进来看看吧! VC6下如何向Oracle中添加和读取BLOB型的数据? 一个关于Delphi6和Delphi7的问题 请问怎么知道C# MSDN 里的每一个类,每一个方法是做什么用的? 问题挺多的?请不吝赐教!都是小问题! 输入光标的移动问题 菜鸟请教:请问如何打包成jar和jad文件? 关于Oracle存储大量二进制数据的问题, 有武汉的朋友么! 加我qq 7095682 看完《美丽人生》 帮帮我 一条菜虫问一个很菜的问题? 当数据库中没有图片时候该怎么办 关于时间掩码? 问题挺多的?请不吝赐教!都是小问题! 《天山北麓的一场大雨》 赏析这首诗描写的是___(季节)的_____________的情景,表达了作者________的心情.全文:山洪翻过河床和大石头 汹涌而下带着喜讯和破坏的力量油菜花旁的养蜂人钻出漏 一切安好是什么意思 愿一切安好什么意思 To remout it read-write:# mount -n -o remount,rw / read only 可以用usually回答how often吗? 某列火车从A城到B城,原来的平均速度为100千米/时,行驶全程需要10小时.现在行驶全程需要6小时.现在所用的时间比原来缩短了百分之几?火车的平均速度比原来提高了百分之几?(百分号前保留1 pivot火柴人怎么可以火柴人说话呢,就是以文字的形式表达出来.要说什么就和漫画里的是一个行字.这个特效怎么搞,还有武器啊,那些特效素材哪里下? He has taken my heart hostage and it hurts.他要挟我的感情,令我很伤心。 各自安好是什么意思 下雨后大山上的树林冒白雾?下雨后像大一点的山上都可以看到冒白雾(像那种白色的蒸汽一样的),这是什么原因啊? 美使馆疑用这个“白盒”监听军事专家:极易致误判误撞和擦枪走火冷战游戏 蓦然重现空气污染致癌 波兰向碳排放开刀斯诺登谋得俄网站工作禁化武组织:叙利亚已按规定销毁化学武美国辱华电视主持人称不会辞职 未答应“免费”医疗让俄罗斯进退两难 仅约3上海自贸区改革红利初显 打造宽进严管报告称撒哈拉以南地区明年经济增速将达学者解析温家宝首次出书谈教育:出身教沪自贸区网络管理措施没有变化两性养生:在床上惹女人生气的4种行为情感两性:留神女人出轨5大时刻【组图赵白鸽谈芦山地震救援:全体红十字人负港股9月25日中午收市升31点邮储银行:普惠金融 惠民行远苏丹喀土穆大学孔子学院教学点已覆盖各内地男子混入旅行团 持假卡赴港扫高价疲累累积 郑洁止步第二轮博彩力挺恒大客场胜妻子患上精神分裂 丈夫多次起诉离婚市井贵胄法神重生异界之板砖横行仙临妖孽歌我的变形金刚兄弟蜀山绿袍重生之剑行天下人型服务端汉末风云之大夏帝国兵魄武尊博洛尼亚旅游锥麓大断崖旅游南昌市民俗博物馆旅游流浮山旅游米埔旅游镇远府城垣旅游阳明洞旅游多乐美地滑雪场旅游万龙滑雪场旅游狗肉街旅游蓟县鼓楼旅游
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘