CSS动画一

框架集

    
        
        
    
    
        
        
        
    >

显示效果如下：

框架集.PNG

IE6PNG图片的修复问题

让IE6浏览器兼容PNG格式的图片，可以使用png-8格式的图片
使用png-8格式的图片，但是使用这种格式的图片也有一定的弊端，它虽然体积小，但整体像素并不好。

条件Hack

属性Hack

CSS3过渡动画

示例代码：

css3圆角 阴影 透明度

圆角属性：
例如

border-top-left-radius：设置左上角为椭圆圆角

border-top-right-radius: 设置左、右上角为正圆圆角

border-radius:40px; 设置曲率半径为40的圆角矩形

border-radius:20%; 最大200px，20%即40px

border-radius: 50%; 设置为正圆

阴影属性：

/*水平偏移 垂直偏移 羽化大小 扩展大小 颜色 是否内阴影*/
box-shadow: 0px 0px 20px 2px red inset;

透明度属性：

/*透明度30%*/
opacity: 0.3;
/*背景色变透明，但文字不会透明*/
background-color: rgba(255,215,0,0.3);
/*边框透明*/
border: 2px solid rgba(0,0,0,0.3);

filter: alpha(opacity=30);/*兼容IE*/

这句话是用来兼容IE浏览器

运动曲线

示例代码：

    
    
    


    
linear
    
ease
    
ease-in
    
ease-out
    
ease-in-out
    
bezier