CSS的Animation是一个很有意思的东西,也是CSS中较为复杂也难设计的一部分。熟不知在Web的动画设计中有12个关键原则。在Animation 101将这十二原则剖析出来。今天特意转载@刘英滕翻译《Animation Principles for the Web》的中文。作为前端的设计师和工...
分类:
Web程序 时间:
2015-09-29 14:42:20
阅读次数:
244
CSS3给网站开发者们提供了一种创建简洁网站动画的新途径,不会对 JavaScript 有任何的依赖。虽然 CSS3 它不能处理所有的任务,但它给我们留下了很深的印象。现代网页动画已经从简单的下拉菜单发展到动画背景,进而演变为视差滚动效果。
分类:
Web程序 时间:
2015-09-15 12:34:13
阅读次数:
219
一:动画基础原理二:Flash的动画的制作方式三:元件与实例的关系四:Flash实例可以做出网上常见的网页动画Flash能为我们做什么1.网站。贺卡。配乐短片。短剧。游戏。教学课件。动画的定义:将相关的画面按照一定的速率连续播放所产生的视觉效果。!常见的两种电脑网上的动画格式GIF 位图 索引色 逐...
分类:
其他好文 时间:
2015-09-06 14:17:59
阅读次数:
183
对以前来讲,3D动画拿到网页上展示是一件非常奢侈的事情,第一是浏览器不够先进,第二是大部分只能用flash实现伪3D。HTML5的出现,让实现网页3D动画变得非常简单,当然前提是你不要再使用像IE678之类的浏览器了。下面精选的几款HTML5 3D动画,希望你会喜欢。1、HTML5 SVG 3D空间...
分类:
Web程序 时间:
2015-06-25 19:13:12
阅读次数:
149
作为前端的设计师和工程师,我们用 CSS 去做样式、定位并创建出好看的网站。我们经常用 CSS 去添加页面的运动过渡效果甚至动画,但我们经常做的东西不会超过这些。动效是一个有助于访客和消费者理解我们设计的强有力工具。这里有些原则能最大限度地应用在我们的工作中。迪士尼经过基础工作练习的长时间累积,在 ...
分类:
Web程序 时间:
2015-06-11 18:57:36
阅读次数:
230
对以前来讲,3D动画拿到网页上展示是一件非常奢侈的事情,第一是浏览器不够先进,第二是大部分只能用flash实现伪3D。HTML5的出现,让实现网页3D动画变得非常简单,当然前提是你不要再使用像IE678之类的浏览器了。下面精选的几款HTML5 3D动画,希望你会喜欢。1、HTML5 SVG 3D空间...
分类:
Web程序 时间:
2015-06-05 09:59:23
阅读次数:
140
CSS3圆环Loading加载动画,一个带缺口的圆环在不停的旋转,寓意网页正在加载,如果不用CSS3技术,则本效果的实现需要GIF+JavaScript来实现,传统CSS不支持大部分的网页动画。本例可作为你学习CSS3动画制作的一个小例子吧。...
分类:
Web程序 时间:
2015-05-29 23:16:39
阅读次数:
150
CSS3圆环Loading加载动画,一个带缺口的圆环在不停的旋转,寓意网页正在加载,如果不用CSS3技术,则本效果的实现需要GIF+JavaScript来实现,传统CSS不支持大部分的网页动画。本例可作为你学习CSS3动画制作的一个小例子吧。
分类:
Web程序 时间:
2015-05-29 21:34:30
阅读次数:
500
deferred对象是jQuery对Promises接口的实现。它是非同步操作的通用接口,可以被看作是一个等待完成的任务,开发者通过一些通过的接口对其进行设置。事实上,它扮演代理人(proxy)的角色,将那些非同步操作包装成具有某些统一特性的对象,典型例子就是Ajax操作、网页动画、web work...
分类:
Web程序 时间:
2015-04-10 22:00:03
阅读次数:
175
suface js判断css动画是否结束 一旦动画或变换结束,回调函数就会触发。不再需要大型类库支持。 http://www.webhek.com/css-animation-callback/ 来源于web骇客css3动画过度慢慢隐藏(transition-duration:3s;...
分类:
Web程序 时间:
2015-03-20 20:23:04
阅读次数:
115