之前一直以爲css沒有幾個函數，今天才發現css現在竟然已經有86個函數了，意不意外，驚不驚喜！！！
我一直比較喜歡用css來解決之前js實現的效果，這樣對性能時一種優化，自己也有成就感，希望這些函數能夠更多的應用到自己的項目中，向張鑫旭老師學習做一些驚豔的效果出來把css玩出花
根據w3cplus中可以劃分爲以下幾類：
屬性函數：attr()；
背景圖片函數：linear-gradient()、radial-gradient()、conic-gradient()、repeating-linear-gradient()、repeating-radial-gradient()、repeating-conic-gradient()、image-set()、image()、url()、element()；
顏色函數：rgb()、rgba()、hsl()、hsla()、hwb()、color-mod()；
圖形函數：circle()、ellipse()、inset()、polygon()、path()
濾鏡函數：blur()、brightness()、contrast()、drop-shadow()、grayscale()、hue-rotate()、invert()、opacity()、saturate()、sepia()；
轉換函數：matrix()、matrix3d()、perspective()、rotate()、rotate3d()、rotateX()、rotateY()、rotateZ()、scale()、scale3d()、scaleX()、scaleY()、scaleZ()、skew()、skewX()、skewY()、translate()、translateX()、translateY()、translateZ()、translate3d()；
數學函數：calc()、min()、max()、mixmax()、repeat()；
緩動函數：cubic-bezier()、steps()；
其他函數：counter()、counters()、toggle()、var()、 symbols()。