CSS3所提供的动画功能主要包括变形、转换和动画技术。变形是最基本的动画形式,它主要通过CSS控制元素样式属性值的变化来实现。利用transform功能来实现文字或图像的旋转、缩放、倾斜和移动这4种类型的变形处理。 transform实现了一些可用SVG实现的变形功能,transform属性的基本语 ...
分类:
其他好文 时间:
2017-10-29 11:17:49
阅读次数:
118
一、Umbraco 下载方式 学习如何使用软件,首先要从有软件开始。Umbraco 的下载方式有四种: 1、直接下载(包括下载发行包、源代码):前往官网(https://our.umbraco.org/contribute/releases/)或者 github(https://github.com ...
分类:
Web程序 时间:
2017-07-27 20:31:08
阅读次数:
216
书上偶然看到的 先上一张素材 DOM 关键点是 steps分布动画,每次50px,所以看起来就像是一个加载动画,试一试 ...
分类:
Web程序 时间:
2017-07-18 18:55:45
阅读次数:
187
前沿 : 最近重新做了一个手势的demo,其中有“点击”,“长按”,“旋转”,“拉升”等等在这里就不过多说明了,这些手势都是我们手机上经常会用到的功能,所这部分内容还是比较重要的废话也不多说了-上代码。有些同样的代码小编只会写一遍注释。 等等 我忘记说了,在上代码之前我们先看看小编的Assets.x ...
分类:
其他好文 时间:
2017-04-20 16:16:04
阅读次数:
233
一、背景: 合适的动画不仅更能吸引人们的眼球,也能让你的应用体验更为流畅,而将动画的效果做到极致,才能让用户感到使用你的应用是一种享受,而不是觉得生硬和枯燥。 二、动画技术分类: 按技术类型来进行分类,分为三类:JS动画,CSS3动画,html5动画,接下来分别对三类动画进行讲解。 1)JS动画 通 ...
分类:
其他好文 时间:
2016-08-31 00:19:27
阅读次数:
211
最早 JS 通过 setTimeout() 或者 setInterval() 方法设置一个时间,来控制帧与帧之间的时间间隔。 然而,这两个方法是有弊端的:效果不够流畅且占用额外资源。 后来,有了一个 requestAnimationFrame(),让浏览器决定最优帧速率、选择绘制下一帧的最佳时机。 ...
分类:
Web程序 时间:
2016-08-12 16:35:51
阅读次数:
140
UIView与CALayer的区别,很详细 研究Core Animation已经有段时间了,关于Core Animation,网上没什么好的介绍。苹果网站上有篇专门的总结性介绍,但是似乎原理性的东西不多,看得人云山雾罩,感觉,写那篇东西的人,其实是假设读的人了解界面动画技术的原理的。今天有点别的事情 ...
分类:
其他好文 时间:
2016-06-02 00:42:25
阅读次数:
196
今天下午出去溜达溜达,看了被大家安利了很久的疯狂动物城。 从技术上说,确实超级厉害啊。完整的呈现了一个动物的世界,而且对每个动物都有精准的刻画,对细节非常之讲究。也看过一些网上的动画技术分析贴,不得不感慨迪士尼强大的动画技术。 从动画的剧情来说,这部电影带给人的更多呀,作为一个将要步入工作岗位的女生
分类:
其他好文 时间:
2016-03-13 00:36:15
阅读次数:
219
因为不断有人问我,现在我补充一下:IE是支持这种技术的!尽管会很麻烦。需要做的是旋转front和back元素,而不是旋转整个容器元素。如果你使用的是最新版的IE,可以忽略这一节。IE10+是支持的,IE9完全不支持CSS动画。CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建...
分类:
Web程序 时间:
2015-12-26 23:27:17
阅读次数:
355