CSS3我在5年之前就有用了,包括公司项目都一直在很前沿的技术。最近在写慕课网的七夕主题,用了大量的CSS3动画,但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的,这里就写下关于帧动画steps属性的理解我们知道CSS3的Animation有八个属性animation-nameani...
分类:
Web程序 时间:
2015-07-13 10:00:34
阅读次数:
186
在Web中使用什么单位来定义页面的字体大小,至今天为止都还在激烈的争论着,有人说PX做为单位好,有人说EM优点多,还有人在说百分比方便,以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是,仍然有不同的利弊,使各种技术都不太理想,...
分类:
Web程序 时间:
2015-07-12 17:10:24
阅读次数:
194
很棒的CSS3文字立体效果,用鼠标选中文字,效果更清淅,CSS3的功能真的很强大,总能制作出一些令人吃惊的效果,支持css3,大家看效果的时候请使用其它的浏览器啊,比如火狐或Opera等,IE8没效果。...
分类:
Web程序 时间:
2015-07-12 14:20:04
阅读次数:
161
很棒的CSS3文字立体效果,用鼠标选中文字,效果更清淅,CSS3的功能真的很强大,总能制作出一些令人吃惊的效果,支持css3,大家看效果的时候请使用其它的浏览器啊,比如火狐或Opera等,IE8没效果。
分类:
Web程序 时间:
2015-07-12 14:15:49
阅读次数:
172
transframe属性详解1.transform属性在OC中,通过transform属性可以修改对象的平移、缩放比例和旋转角度常用的创建transform结构体方法分两大类(1) 创建“基于控件初始位置”的形变CGAffineTransformMakeTranslation(平移)CGAffine...
分类:
移动开发 时间:
2015-07-11 19:57:58
阅读次数:
222
利用CSS3的透明属性opacity可以为我们创建对象的渐隐渐显的动画效果,但是很多情况下这种单一的渐隐渐显效果并不能满足我们的日常开发需求。有时候,我们需要在设置opacity属性的对象里面增加其子集对象,以达到符合我们的要求。但是CSS3的opacity ( 比如:opacity:0.5; )透...
分类:
Web程序 时间:
2015-07-11 00:59:52
阅读次数:
142
1.background-color:rgba(0,0,0,0.65) 这行代码让覆盖层变黑色,且有0.6的透明度正常情况下遮盖层会把透明度遗传给弹出框(它的子元素),但是利用CSS3的这个特性则不会2.在ajax方法中定义任意位置显示的“加载中。。。”提示 $('#ajax_test2').cli...
分类:
Web程序 时间:
2015-07-10 18:28:24
阅读次数:
143
1.新增背景设置功能代码如下: 2.新增选择器E:checked_after代码如下:E:empty代码如下:/*匹配没有任何子元素(包括text节点,文本内容)的元素E*/ E:empty { }E:input_fo...
分类:
Web程序 时间:
2015-07-10 02:06:31
阅读次数:
140
什么是calc()?calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能;MDN的解释为可以用在任何长度,数值,时间,角度,频率等处;/* property: calc(expression) */width: calc(100% - 80px);可以用 + - * / 符...
分类:
Web程序 时间:
2015-07-09 17:51:25
阅读次数:
145
css3使用transform属性制作js弹性运动,其实做这个效果和js的原理一样:就是控制位置和时间,但是不同的是css用transform的translate来控制,其实现的最终一把手是transition。...
分类:
Web程序 时间:
2015-07-09 14:37:37
阅读次数:
430