今天做项目的时候发现一个css3的新属性flex一、什么是flex它的作用是能够按照设置好的规则来排列容器内的项目,而不必去计算每一个项目的宽度和边距。甚至是在容器的大小发生改变的时候,都可以重新计算,以至于更符合预期的排版。不仅解放了计算器,而且更加优美的服务于响应式设计。在使用了flex属性之后...
分类:
Web程序 时间:
2015-11-24 12:18:58
阅读次数:
555
深入了解 CSS3 新特性来源:ibmdeveloperworks发布时间: 2012-02-06 15:34阅读: 5114 次推荐: 3原文链接[收藏]摘要:现如今,随着 Web2.0 技术的流行,之前的 CSS2 标准和相关技术似乎已经满足不了日益增长的开发需求:人们需要实现更加美观、用户体验...
分类:
Web程序 时间:
2015-11-23 23:27:11
阅读次数:
241
实用CSS3的transform实现多种动画效果-柯乐义 Translate TranslateX TranslateY Rotate Scale ScaleX ScaleY Skew SkewX SkewY Matrix
分类:
Web程序 时间:
2015-11-23 08:48:17
阅读次数:
164
手机端现在的一些应用会运用上这样一个效果,就是duang的一下出现一个圆变大直到填充整个div,动感十足。想到css3的scale属性,就自己来实现一下。 css样式:.anim{ position: absolute; border-radius: 50%; ...
分类:
Web程序 时间:
2015-11-23 06:10:29
阅读次数:
581
box-sizing box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。box-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3...
分类:
其他好文 时间:
2015-11-22 23:28:05
阅读次数:
170
css3图片模糊过滤特效-柯乐义css3图片模糊过滤特效·柯乐义请使用支持CSS3的浏览器,移动光标到图片上。 原文
分类:
Web程序 时间:
2015-11-22 21:47:10
阅读次数:
174
1、 -webkit-animation动画其实有三个事件: 开始事件 webkitAnimationStart 结束事件 webkitAnimationEnd 重复运动事件 webkitAnimationIteration 2、 css3的过渡属性transition,在动画结束时,也存在结束的事...
分类:
Web程序 时间:
2015-11-20 10:35:32
阅读次数:
246
1.transform属性 在OC中,通过transform属性可以修改对象的平移、缩放比例和旋转角度 常用的创建transform结构体方法分两大类 (1) 创建“基于控件初始位置”的形变 CGAffineTransformMakeTranslation(平移) CGAffineTrans...
分类:
移动开发 时间:
2015-11-20 00:09:38
阅读次数:
197
今天浏览这个http://www.sitepoint.com站时,因为好奇看了下人家写的代码,结果发现了这行代码,于是就研究了一下,calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度。比...
分类:
Web程序 时间:
2015-11-19 11:12:23
阅读次数:
166
有一次上数据结构课老师布置了一个用队列的思想通过js和Html来做一个“跳舞配对”的网页,当时那个跳舞的部分用了css3里面transform的相关属性做了个个让图片无限翻转的效果,可能正是由于这个效果,让我想到了--可以不可以通过transform来弄个3D的立方体呢?后来慢慢的去做,遇到好多.....
分类:
Web程序 时间:
2015-11-18 14:25:30
阅读次数:
139