xiajy789的专栏

CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。1. 定义动画，名称为fadeIn@-webkit-keyf

Opacity属性用来设置一个元素的透明度，取值范围是0~1之间，不可为负值。opacity取值为1是完全不透明，取值为0是完全透明，视觉上看不见。Alpha 滤镜参数详解     参数名     说明      取值说明 Opacity     不透明的程度，百分比。    从0到100，0表是完全透明，100表示完全不透明。FinishOpacity

线性渐变的一般结构是： 复制代码代码如下:其中各个浏览器渲染不同，又分为： Webkit: 复制代码代码如下:background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0,