css3中可以用的函数

CSS3中有很多实用的函数可以帮助我们快速地编写样式，下面是一些比较常用的函数：

1. calc()计算长度值，支持加、减、乘、除四则运算，可以使用百分比、em、rem等单位。例如：width: calc(100% - 50px);
    2. url()用于设置元素背景图片的路径。例如：background-image: url("images/background.jpg");
    3. rgb()和rgba()用于设置RGB颜色，其中rgba()除了设置红、绿、蓝三种颜色之外，还可以设置透明度。例如：color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.5);
    4. linear-gradient()用于设置线性渐变背景色。例如：background: linear-gradient(to right, red, yellow);
    5. radial-gradient()用于设置径向渐变背景色。例如：background: radial-gradient(circle at center, red, yellow);
    6. transform()用于进行元素的变形，包括旋转、缩放、位移、斜切等操作。例如：transform: rotate(45deg) scale(1.2) translate(50px, 50px);
    7. transition()用于设置CSS属性的过渡效果。例如：transition: all 0.5s ease-in-out;
    8. box-shadow()用于设置盒子的阴影效果。例如：box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    9. text-shadow()用于设置文本的阴影效果。例如：text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    10. border-radius()用于设置盒子的圆角效果。例如：border-radius: 10px;
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！