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

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

看雪学院“走进企业看安全”活动走进安全管家 视频+PPT:苹果iOS7 Tech Talks大会演讲内容 iPhone 6和Galaxy S5暂不会采用弯曲屏技术 当程序不工作时,开发者常用的借口 携程技术副总裁叶亚明:三次重大技术改进的故事及背后原因 Google抛弃C语言,采用Go语言重写Go编译器 jQuery Mobile 1.4.0正式版发布,着重性能改进 IBM收购Aspera加速大数据传输 各式各样的极品程序员,你属于哪一种 Google员工离职前必做的14件事情 GitHub上最火的开源项目及编程语言是什么? 2014的12个大数据趋势:Hadoop继续升温,R将进入主流 研究称三星手机可能存在安全漏洞 初创IT公司里开发者最容易犯的九种错误 还有多少开发者在为IE6做兼容性测试? 解读华三“新IT易之道”理念下的云计算和数据中心 回顾苹果2013:硬件几乎无突破 热衷收购 敏捷开发流程管理须参考的3个要素 微软潘正磊谈DevOps、Visual Studio 2013新功能、.NET未来 Jail Breaking之后,iOS 7的指纹识别还hold住么? “勇者前线”开发商Gumi获1900万美元融资 工信部发首批10张虚拟运营商牌照 开发者有哪些新机会 【PPT集萃】十位一线专家分享Spark现状与未来 谁主沉浮,亚马逊和思科角力DaaS市场 忆往昔峥嵘岁月稠——看苹果第一代iPhone的“风骚”往事 开源工具链“大牛”的经验分享:HelloGCC 2013精彩演讲回顾 20个超实用的JavaScript技巧及最佳实践 【开源专访】Linux Deepin:做更好用的Linux桌面系统 访Andy Jassy:感受亚马逊AWS生态观,思考国内外云计算差异 站到风口,最先飞起来的能将服务做到极致的IDC 苹果Siri再获一专利:可使用自然语音输入来搜索和标记图片 激情放送 五位QQ号,100块,你会要吗? 555~~~~挂了PASCAL挂了,5555~~~~我学不好DELPHI 了5555谁帮我呀!!! 有编过游戏修改器的高手吗? jinesc领分~~~ 如何使UpDown每次增加或减少0.5? 有个问题很困惑,请教 上傳后,服務器端如何接收? 各位高手好!现在有谁是正在使用 LINUX 上网的.报一下好吗!!!!!! 我快神经了,求救 各位高手好!现在有谁是正在使用 LINUX 上网的.报一下好吗!!!!!!!! 别笑我傻,又有简单问题 各位高手好!现在有谁是正在使用 LINUX 上网的.报一下好吗!!!!!!! 各位高手好!现在有谁是正在使用 LINUX 上网的.报一下好吗!!!!!!!!!!!! 各位高手好!现在有谁是正在使用 LINUX 上网的.报一下好吗!!!!!!!!! 大家都谈谈建立什么样的目录结构能更好的管理硬盘里的东东 lilo 如何设置??请赐教!! 各位高手好!现在有谁是正在使用 LINUX 上网的.报一下好吗!!!!!!!!!!!1 mts是什么? mts是什么?? 学习汇编要什么基础,要看什么样的书,有没有好的汇编的电子参考书下载呢? 腾讯的qq怎么不好用了? 有CCNA,Scjp2,高程的计算机本科生能卖多少?(答者有分,只能给33分,没办法) word的表格问题 如果开另外一个线程来进行注册码检验,是否比较难CRACK? 请问高程考试考试的难度 怎么让程序启动的时候接受参数? mts是什么??? 我也调查:这里有多少冠名以“独孤”的,为何独孤???? 菜鸟SOS 个人论:编写程序方法论(原作者,huangbeyond) 向流版主学习,戒网!戒网!成天在网上瞎转,不如下去加强学习,碰到问题再上网寻求答案,天天在网上泡得久了,看到各大PB网站的编程技巧都有些视而不见了.....到PB论坛很多人都象到自己喜爱的聊天室了,到论坛好象就是来聊天一样.....戒网!戒网! 如何编写一个集成Ms Word的控件,能够处理WEB上的文件排版 怎么不能下载呢? 我是女孩,有人信吗??嘻嘻~~ 谁知道关于用vc编游戏的书,请各位大虫们介绍介绍好吗?谢谢了!!!!!!!!!! 有关sql server不能显示中文啊?? 关于B/S动态刷新问题 想不到,摩机三年今天居然栽了 beginpaint函数有什么用? 在PowerBuilder中怎么才能得到当前程序运行的路径? Sybase PowerDesigner v7.5 的中文学习材料谁有? 哪位大虾能够作一个查看游戏图片的辅助工具 请问casl汇编和asm有什么不同??谢谢!!!!!!!!!!111 Activex Document下载问题 kingxing(在江湖上混口饭吃) 能不能让程序一直运行哪一段呢?? linux 能上csdn吗?来报个名 我想找一位root。 TERMINATE是这么用吗??? 在江湖上混口饭吃不行啊! 你哪样的,虽然可以到最底层,但是不能一直在最底层哟! 有什么办法能一直在最底层吗/? 打印一行字,如何控制字间距? 英语翻译National laws shall always take precedence over International guidelines.Cases made to International courts are likely to give precedence to a combination of the OECD Recommendation and either the European Data Privacy Directive or APEC P 英语翻译换了新版之后貌似点朗读没反映啊 英语翻译我的名字叫 关启成 怎么翻译成英文名字啊(不是翻译成汉语拼音的那种)?例如:林志颖 jimmy lin 林心如 ruby 任家萱 seina 等等 英语翻译请帮忙翻译这段话:The $47.3 fee is a DHL charge for Quarantine processing carried out by Department of Agriculture,Fisheries and Forestry(DAFF).When shipments are inspected ,DAFF charges DHL for the quarantine inspection services 英语翻译他十三岁了,但他仍旧太依靠他父母.琳达外出时,你能照看她的儿子吗?我们起床早是为了赶早班车.不要花太多时间在电脑游戏上.我认为小孩子没必要学英语.你介意打开窗户吗?要学 英语翻译我的名字叫 林智健 不是拼音的哪种啊 英语翻译If boy wizard(巫师) Harry Potter uses his magic to capture(迷住) the hearts of millions of teenagers,high school students Gabriella and Troy have charmed American boys and girls with their stories of campus life.They are the leading c 英语翻译,求助!谢绝谷歌翻译在这个世界上,职业经理人永远比老板的数量多,职业经理人要想实现自己的职业理想,只能依靠老板搭建的舞台,虽然老板离不开职业经理人这个群体,但作为个体, 英语翻译我的名字是赖明珠,谁能翻译?女生的. 英语翻译The discovery,development,and clinical use of antibiotics during the 20th century have decreased substantially the morbidity and mortality from bacterial infections.The antibiotic era started with the therapeutic application of sulfonamid 英语翻译This contact proved invaluable in 2012,when,back in Syria to cover a Free Syrian Army–controlled area in Aleppo,Tomada traveled with the elite group,this time on a mission to attack an armored battalion of the Syrian regime.En route to 英语翻译我有个金山词霸,但是感觉发音太差,有没有发音准点的 英语翻译The DCS 968 series Auto start Controller is designed for use in applications involving control and safety monitoring of stationary engines.The use of the controller increases reliability and simplifies wring of the control panel. 英语翻译让想法轻松上路...就是上面这一句,希望有文采一点,好记一点. 请问有没有可以发音的英汉翻译工具 英语翻译The following is an e-mail sent to you by an administrator of "Channel [v]Thailand".If this message is spam,contains abusive or other comments youfind offensive please contact the webmaster of the board at the followingaddress:webmaster@c 英语翻译~不要谷歌百度什么的Let us take a serious, reasonable look at what the results might be if such a proposal were accepted. Families might use the time for a real family hour. Without the distraction of TV, they might sit around tog 用英语翻译:这儿很漂亮,我非常喜欢这 英语翻译I helped out a women several years ago that made mens underwear.She would send me samples to try on an I would send pic or video back to her so she could see the fitting.Would not have a problem offering you that help if you are intereste 英语翻译翻译的时候最好带点意译.熟悉各种Windows系统、Office、Excel和互联网的基本操作,并且通过全国计算机信息高新技术办公软件应用模块(Windows平台Office系列)操作员考试.有基本的药理知 我也认为它很漂亮,英文翻译这个它是个物品,比如我看到一双很漂亮的鞋子,别人说很不错的鞋子,我说,我也认为它很漂亮或者是很好看,很喜欢都可以,谢谢高手点拨 英语翻译The old lady pulled her spectacles down and looked over them about the room .Then she put them up and looked out under them.She seldom or never looked through them for so samll a thing as a boy.They were her fancy pair,the pride of her he 英语翻译我的家乡在泰山脚下,泰山是一座千古名山,动植物种类丰富,有着庞大的生态系统和许多有趣的生物链.比如,绿色植物草,苔藓等被小虫子吃,小虫子被麻雀吃,而麻雀又被蛇吃,最终蛇被 英语翻译:我觉得这里很漂亮,你们觉得呢? 英语翻译Make a periscopeHave you ever been in a crowd at a football match and wished you were much taller?Don't worry about it now.A Home-made periscope could be the answer to your wish.This is what you do...1.Look at the diagram and draw the sha 英语翻译"To think that I'm not going to use cell phone when at the same time I can still use my laptop,I still can read a paper I can stilll change my pants while driving at 65 mph.I think there is just something wrong," an offcial said.Other cri “你觉得我帅吗?” 英语翻译一下. 英语翻译Since detention of a ship is a serious matter involving many issues,it may be in the best interest of the PSCO to act with other interested parties. 英语翻译自由视野下《飘》男主人公的人生遭际内容提要:瑞德是南方名门望族中的不肖子,早期沉浸在社会自由的瑞德随心所欲地做着离经叛道的事情,继而媚兰的善良让他受欲望奴役的心 发现自己的美,求英语翻译 英语翻译lazy.I wasn't surprised to find that my worst report was from my science teacher.it's just that i find science really difficult.that‘s about all the news i have for now.send their love. 英语翻译In this case,therecommender system accumulates user ratings of items,identifies users with common ratings,and offersrecommendations based on inter-user comparison.As such,the CF recommender compares researchers’ ratings ofresources,and 英语翻译:这个俱乐部是个时髦的场所 英语翻译AVL techniques have widely been perceived as useful technologies in many APTS areas,such as automatic vehicle location,vehicle component monitoring,automatic passenger counters,electronic fare boxes,timed transfers,traffic signal preempti 英语翻译Tony 'Doc' Shiels是翻译成 托尼“医生”希尔斯 还是 托尼-多可-希尔斯 英语翻译简洁点即可、 英语翻译用机器翻译的话麻烦也稍微修改一下,意思大概正确,语句通顺即可The two factors (dependent variables) considered for this research study were the systems integration complexity (systems integration process complexity 英语翻译就是只要翻译出 的英文相似的音、 英语翻译:“我经常访问你的博客!” 英语翻译用机器翻译的话麻烦也稍微修改一下,意思大概正确,语句通顺即可 Fig.7 illustrates improvements at five different levels in the systems integration process complexity on the vertical axis as a result of the requireme 英语翻译 中文翻译英文,比较准确的,还有读音的,章 英语翻译Out of the night that covers me,Black as the pit from pole to pole,I thank whatever gods may beFor my unconquerable soul.In the fell clutch of circumstanceI have not winced nor cried aloud.Under the bludgeonings of chanceMy head is bloody 音标翻译英语,麻烦了[i:kəu] 要取英文名的,谢谢了 英语翻译要美语发音!要会念名字.有的不是单词只是名字缩写之类的它也能念!软件和在线都可以.但一定要符合上2个要求.不是的就别回答了好么~要能翻译的。全是英文的咱不会用~你那个我 英语翻译由于上海正在举办世博会,出于安全措施,对液体【香水属于液体】稽查的的特别严格,我为了能够让您早点收到货物,已经重新发货给您,并且绕道另一个城市【广州】出关.由于发送液 英语翻译Dear Mark,New York is finally getting a real sales manager.Congratulations on your new promotion.Your marketing ability has put you well above everyone else in the company,and probably everyone else in the industry.The company will benefi 淑女英文名我想要E或C开头的要淑女又甜美的不要复制 最好是自己想的要有英文和中文唷有追分 英语翻译The sun goes downThe stars come outAnd all that countsIs here and nowMy universe will never be the sameI'm glad you came... 英语翻译HappinessHappiness means different things to different people.For example,some students believe that if they have much money or a large number of possessions,they will be happy.They believe that they will be able to do anything they want 淑女型英文名可以是一些有意思的东西名字~不过一定要有意义 不要太长了 英语翻译如果你想得到商品,请您支付我50USD的运费,或者购买不低于100USD的商品. 英语翻译B:hey ,what if you did not have adventures ,I think my life is estimated to be the case.After graduating from college ,took barely a month to feed their own money,what are generally married woman,birth wanderers .Nothing exciting live to 名叫林佳丽,起什么英文名字好? 英语翻译提示信息尊敬的EMS客户:首先非常感谢您选择和信任EMS.最近因欧美部分地区受降雪、冰冻等灾害天气影响,导致航班延误或者取消,甚至地面交通瘫痪.受影响较严重的国家和地区有: 谷歌英语在线翻译发音准不准? 佳丽求漂亮英文名. 英语翻译货物已经发出,航空小包是无跟踪查询信息的.前一段时间由于欧美出现雪灾.导致一些邮件延误.现在情况已经好转,相信你很快就会收到货,请您耐心等待.我已经到邮局做书面查询,结 Google在线翻译的那个英文发音算标准吗?http://translate.google.com/#就是按那个小喇叭,它会读给你听的.我感觉它英文读得蛮有味道的唉~~~没有给人一种明显是干巴巴的机器发出来的感觉.所以请问 英语翻译本人叫王宝森,男,各位帮忙翻译成英文名字,带发音,
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn