HTML5/CSS3时代,我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画,也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用windo...
分类:
Web程序 时间:
2015-07-24 22:32:42
阅读次数:
120
1.transform属性介绍在OC中,通过transform属性可以修改对象的平移、缩放比例和旋转角度常用的创建transform结构体方法分两大类(1) 创建“基于控件初始位置”的形变 CGAffineTransformMakeTranslation(平移) CGAffineTransfor.....
分类:
移动开发 时间:
2015-07-24 22:08:20
阅读次数:
203
说起CSS3的新特性,就不得不提到 Media Queries 。最近 Max Design 更新的一个泛读列表里,赫然就有关于 Media Queries 的文章。同时位列其中的也有前天我刚刚翻译的 IE9, Opacity 和 Alpha 。虽然标题相同,但本文并不是列表上 CSS3 Media...
分类:
Web程序 时间:
2015-07-24 10:40:29
阅读次数:
158
前言 移动网络带宽的快慢直接影响webapp应用体验效果的优差,其中加载图片是很耗流量的,所以对这一方面的性能优化是很需要的。一般对于那些小而多的图片(图标)都会采用sprite合并成一张图片来减少http的请求次数。而CSS3的出现,无疑在移动端对图标的优化有着比较大的帮助。为此,自己也琢磨使用C...
分类:
移动开发 时间:
2015-07-23 21:32:42
阅读次数:
160
1、轻量2、开源3、选择器出色 可以支持几乎 css1到css3 的所有选择器4、简单的修改页面 不同的浏览器对于css的支持程度是不同的,jquery通过封装javascript的代码,是浏览器很好地使用css的标准5、更改页面的内容 文本、表单选项、插入图片、甚至整个框架6、增添页面动画 ...
分类:
Web程序 时间:
2015-07-23 00:28:51
阅读次数:
164
关于css3的transform,做了一个demo,上代码html: 1 2 3 4 5 6 7 transform 8 9 10 11 12 13 14 15 16 17 18 ...
分类:
其他好文 时间:
2015-07-22 20:24:52
阅读次数:
137
CSS3的属性为什么要带前缀使用过CSS3属性的同学都知道,CSS3属性都需要带各浏览器的前缀,甚至到现在,依然还有很多属性需要带前缀。这是为什么呢?我的理解是,浏览器厂商以前就一直在实施CSS3,但它还未成为真正的标准。为此,当一些CSS3样式语法还存在波动时,它们提供针对流星器的前缀。现在主要流...
分类:
Web程序 时间:
2015-07-22 18:14:45
阅读次数:
187
http://www.w3cplus.com/content/css3-box-sizinghttp://tantek.com/CSS/Examples/boxmodelhack.htmlbox-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,...
分类:
Web程序 时间:
2015-07-22 10:38:41
阅读次数:
170
今天在做一个项目,用zepto给元素增加一个class,class里面有transform的效果。开始的时候,元素的样式是用id选择器写的,但是增加class之后,发现动画效果出不来,当时头好晕没想出来为啥,结果回家后用简单的代码打一遍,发现原来是个很简单的问题……动画出不来的原因就是:id选择器里...
分类:
Web程序 时间:
2015-07-21 23:43:48
阅读次数:
141
主要是为了练习一下css3的3D翻转功能,就做了这么个小游戏,做的比较粗糙,但是效果看的见。主要用到的css3代码如下:html结构: 1 2 3 4 5 6 7 8 9 10 ...
分类:
Web程序 时间:
2015-07-21 22:15:50
阅读次数:
181