常用的CSS函数

13 min read

1. 图片

  • filter

  • blur()

  • brightness()

  • contrast()

  • drop-shadow()

  • grayscale()

  • hue_rotate()

  • invert()

  • opacity()

  • saturate()

  • sepia()

  • cross-fade()

  • element()

  • image-set()

  • imagefunction()

2. 图形绘制

  • conic-gradient()

  • linear-gradient()

  • radial-gradient()

  • repeating-linear-gradient()

  • repeating-radial-gradient()

  • shape()

3. 布局

  • calc()

  • clamp()

  • fit-content()

  • max()

  • min()

  • minmax()

  • repeat()

4. 变形/动画

  • transform

  • matrix()

  • matrix3d()

  • perspective()

  • rotate()

  • rotate3d()

  • rotateX()

  • rotateY()

  • rotateZ()

  • scale()

  • scale3d()

  • scaleX()

  • scaleY()

  • scaleZ()

  • skew()

  • skewX()

  • skewY()

  • translate()

  • translate3d()

  • translateX()

  • translateY()

  • translateZ()

5. 环境与元素

  • var()

  • env()

  • attr()