calc()函數(shù)榄融，用于動態(tài)計算長度值腺办。
任何長度值都可以使用calc()函數(shù)進(jìn)行計算诈嘿；calc()函數(shù)支持 "+", "-", "*", "/" 運算; calc()函數(shù)使用標(biāo)準(zhǔn)的數(shù)學(xué)運算優(yōu)先級規(guī)則
- 注意的是，運算符前后都需要保留一個空格音五，例如：width: calc(100% - 10px)辣恋；
will-change屬性
will-change屬性可以提前通知瀏覽器我們要對元素做什么動畫亮垫，這樣瀏覽器可以提前準(zhǔn)備合適的優(yōu)化設(shè)置。這樣可以避免對頁面響應(yīng)速度有重要影響的昂貴成本伟骨。元素可以更快的被改變饮潦，渲染的也更快，這樣頁面可以快速更新携狭，表現(xiàn)的更加流暢继蜡。
使用will-change提示瀏覽器關(guān)于即將發(fā)生的變形十分簡單，添加個CSS屬性就行
will-change: transform;
也可以告訴瀏覽器要改變元素的滾動條位置逛腿，或者多個要變化的屬性稀并，寫下屬性的名字就行，也可以寫多個单默，逗號隔開
will-change: transform, opacity;
對于一般的優(yōu)化稻轨，當(dāng)變化完成的時候瀏覽器會撤銷優(yōu)化，恢復(fù)普通模式雕凹，但是如果使用了will-change會導(dǎo)致該優(yōu)化遲遲不能釋放，這就要求我們用完了就釋放
這時候我們需要借助JavaScript
當(dāng)然對于用戶會反復(fù)觸發(fā)的操作放在style中不移除也可以
filter
濾鏡政冻，官方定義filter屬性定義了元素(通常是<img>)的可視效果(例如：模糊與飽和度)枚抵；舉個栗子：
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
-
1 grayscale灰度
2 sepia褐色（有種復(fù)古的舊照片感覺）
3 saturate飽和度
4 hue-rotate色相旋轉(zhuǎn)
5 invert反色
6 opacity透明度
7 brightness亮度
8 contrast對比度
9 blur模糊
0 drop-shadow陰影
