css3样式高级应用

CSS3是CSS升级版，它增加了很多的功能和特性，使得网页设计更为灵活和美观。下面将介绍几个CSS3的高级应用。

1.渐变背景色

background: linear-gradient(135deg,#8BC34A,#FF5722);

这行代码可以实现一个从左上角到右下角的渐变背景色，颜色从#8BC34A到#FF5722逐渐过度。

2.平移变形

transform: translate(100px,100px);

这行代码可以使元素在水平方向向右移动100像素，在竖直方向向下移动100像素。

3.透视效果

transform: perspective(100px) rotateY(45deg);

这行代码可以使元素产生透视效果，即使元素有一种三维效果。这里的perspective(100px)表示透视的角度为100像素，rotateY(45deg)表示元素水平方向上旋转45度。

4. 圆角边框

border-radius: 50px;

这行代码可以实现元素的四个角变成了圆角，圆角的大小为50像素。

5. 文字阴影

text-shadow: 1px 1px 1px #000000;

这行代码可以给文字添加一个阴影，阴影的水平偏移量为1像素，竖直偏移量也为1像素，阴影模糊度为1像素，颜色为黑色。

综上所述，CSS3的高级应用可以让网页设计更加美观而灵活。以上的代码只是冰山一角，还有很多有趣的属性可供使用。