1. calc()
width: calc(100% - 20px);
calc()可以帮助大家快速计算数值,而不需要手动计算。例如,上面的代码可以让元素的宽度为父元素宽度减去20像素。
2. transform
transform: rotate(30deg);
transform可以用来改变元素的形状和位置。例如,上面的代码可以将元素旋转30度。
3. transition
transition: all 0.3s ease-in-out;
transition可以让元素的变化更加平滑。例如,上面的代码可以让元素所有属性(如宽度、高度、颜色等)的变化都在0.3秒内完成,并且变化的过程中变化速度逐渐减缓。
4. filter
filter: blur(5px);
filter可以用来改变元素的外观。例如,上面的代码可以让元素模糊5像素。
5. linear-gradient
background: linear-gradient(to bottom, #ffffff, #cccccc);
linear-gradient可以用来创建渐变背景。例如,上面的代码可以创建一个从上到下的白色到灰色的渐变背景。
总之,CSS提供了许多实用的函数和属性,它们可以帮助大家更加方便、高效地开发网页。