Effeckt.css项目:CSS交互动画应用集锦_html/css_WEB-ITnose
程序员文章站
2022-06-03 09:03:33
...
目前,网上有大量基于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是一个集合了众多新鲜而又实用的CSS/jQuery动画效果应用,既适用于网站也适用于手机Web开发,例如:弹窗、按钮、导航、列表、页面切换等等,这些特效动画都能给你的网站提升一定用户体验,而且简单实用。
Demo页:http://h5bp.github.io/Effeckt.css/dist/
项目初衷
为移动Web网站开发和设计UI并不是件容易的事情,尤其是在60fps下传输和执行。最理想的做法就是基于手机/平板电脑的CSS过渡和关键帧动画来进行jank-free转换,特别是利用硬件和透明度的变化来加速转换。
目前,网上有大量基于CSS转换的实验和示例,但它们都过于分散,而Effeckt.css的目标就是把所有基于CSS/jQuery动画的应用集中起来。
具体应用:
项目目标:
关于Effeckt.css的更多详情,可以访问:https://github.com/h5bp/Effeckt.css
问题咨询与反馈:http://github.com/h5bp/Effeckt.css/issues
国内镜像地址:https://code.csdn.net/OS_Mirror/Effeckt.css
上一篇: 年轻程序员需要学习的5大经验
推荐阅读
-
读取本地HTML的小说阅读器应用源码项目_html/css_WEB-ITnose
-
border-radius结合transition的一个小应用(动画)_html/css_WEB-ITnose
-
border-radius结合transition的一个小应用(动画)_html/css_WEB-ITnose
-
Effeckt.css项目:CSS交互动画应用集锦_html/css_WEB-ITnose
-
应用 CSS3 动画实现12种风格的通知提示_html/css_WEB-ITnose
-
动画animation的三个应用(漂浮的白云、旋转的星球、正方体合成)_html/css_WEB-ITnose
-
应用 CSS3 动画实现12种风格的通知提示_html/css_WEB-ITnose
-
Waves ? 赞!超炫交互体验的点击动画效果_html/css_WEB-ITnose
-
7款纯CSS3实现的炫酷动画应用_html/css_WEB-ITnose
-
6款基于SVG的HTML5CSS3应用和动画_html/css_WEB-ITnose