css3中可以用的函数 |css 背景图重复

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;