[分享]css3支持哪个新属性

在众多浏览器版本和不同的混合器中，CSS3已经成为了各大程序员和设计师们广泛使用的一种语言。CSS3不仅支持各种样式的调整，还具有一些新的属性。/1. 框影(boxshadow)/ boxshadow...

在众多浏览器版本和不同的混合器中，CSS3已经成为了各大程序员和设计师们广泛使用的一种语言。CSS3不仅支持各种样式的调整，还具有一些新的属性。

/*1. 框影(box-shadow)*/
    box-shadow: h-shadow v-shadow blur spread color inset;
    /*参数说明*/
        h-shadow: 必需的，水平阴影距离。
        v-shadow: 必需的，垂直影距离。
        blur: 可选的，阴影模糊边缘的距离。
        spread: 可选的，阴影扩张的距离。
        color: 可选的，阴影的颜色。
        inset: 可选的，让阴影变成内阴影。

/*2. 文本阴影(text-shadow)*/
    text-shadow: h-shadow v-shadow blur color;
    /*参数说明*/
        h-shadow: 必需的，水平阴影距离。
        v-shadow: 必需的，垂直影距离。
        blur: 可选的，阴影模糊边缘的距离。
        color: 可选的，阴影的颜色。

/*3. 旋转变换*/
    transform: rotate(deg);

/*4. 缩放变换*/
    transform: scale(x,y);

/*5. 平移变换*/
    transform: translate(x,y);

/*6. 视觉变换*/
    transform: skew(x-angle,y-angle);

/*7. 过渡效果*/
    transition: property duration timing-function delay;
    /*参数说明*/
        property: 必需的（可以选择不同的CSS样式属性），指定必须过渡的CSS属性。
        duration: 必需的，指定这个过渡需要多长时间完成。
        timing-function: 可选的，指定过渡效果的速度曲线。
        delay: 可选的，指定过渡效果何时开始。

/*8. 动画效果*/
    animation: name duration timing-function delay iteration-count direction;
    /*参数说明*/
        name:必需的，指定动画的名字。
        duration:必需的，指定动画完成一个周期应该花费多长时间。
        timing-function: 可选的，指定动画的速度曲线。
        delay：可选的，指定动画开始之前应该等待多长时间。
        iteration-count：可选的，指定动画应该播放的次数。
        direction：可选的，指定动画是否应该反向播放。 

除了以上这些属性，CSS3 还具备许多新的属性和特性，它们可以极大地改善我们网站的用户体验，并且使我们的设计更加完美。希望大家都能够运用这些新属性，打造更加出色的网站和应用程序！