對于某個屬性是用哪個渲染方式我們可以打開下面這個網(wǎng)址來查看
網(wǎng)址：https://csstriggers.com
這個網(wǎng)站就會告訴你，哪一種屬性會觸發(fā)哪一種流程铜跑？
網(wǎng)站的具體內(nèi)容：
如果我們想要使用CSS來做出一個動畫的效果诈胜，我們可以使用transform 和animation 這兩個屬性來進行操作辈末。
transform:
比如我這個例子啰扛，使用transform的前提是你的屬性有一個起點到終點的變化過程疙描。
那我這里transform的第一個參數(shù)all 就是代表所有屬性璧坟，如果你只是想實現(xiàn)一個高度的過渡的話既穆，你可以將all 改為height 。
也就是屬性的名字雀鹃。
上面這段代碼的第二個參數(shù)就是我這個過渡的總時間幻工。
上面這段代碼的實現(xiàn)效果如下。
注意黎茎，這里的opacity雖然最終能夠讓這個div 紅框不見囊颅，但是這個div 可沒有從文檔流中被移除，它還是在那里傅瞻，只不過隱形了踢代，你看不到而已。
animation：
上面的這個transform只能做一個從起點到終點的過渡
但是如果我想實現(xiàn)在中途的過程中嗅骄，再加上一點改變胳挎，那該咋辦呢？
這里就需要用到我們的animation屬性了溺森。
我們可以設(shè)置好在什么時機慕爬，調(diào)用我這個animation屬性，
然后我們還要使用@keyframes 來設(shè)置核心幀屏积，因為動畫都是由一幀一幀的畫面組成的
所以我們就能在@keyframes 里設(shè)置我每一幀在進行什么操作医窿。
0%代表最開始的時候，100%代表的自然就是最后了炊林。
中間的那些百分比你可以隨意設(shè)置姥卢，設(shè)置多少個都無所謂。?
xxx 代表的就是這些關(guān)鍵幀的名字渣聚。?
對了独榴，上面的關(guān)鍵幀除了可以用百分號來設(shè)置外，還可以使用 from to
那這個的話饵逐，就是只能設(shè)置開始和終態(tài)的時候了括眠，那肯定不如百分號的改變豐富。
號外：學(xué)習(xí)也好倍权，做事也好掷豺，光靠想不僅學(xué)不到知識捞烟，而且會越想越亂，各種牛鬼蛇神都被幻想出來了当船，正確的姿勢應(yīng)該是题画，不懂我就去試，不知道寫啥屬性值德频，我就去查mdn 苍息，查到了就再試。在不斷試錯的過程中壹置，自然而然就會對知識點有深刻的了解竞思。
但是我們的很多毛病就是，想的很多钞护，想的很大盖喷，把問題想復(fù)雜了，想困難了难咕，卻不曾動過一次手指课梳，試過一句代碼。
但是當(dāng)我每次告訴自己余佃，我就試一下暮刃，我就寫一點，而只要這個頭開起來了爆土，你就會想著不斷往前推進椭懊，最終也往往超額完成。
Ever tried, ,Ever failed ,no matter
Try again ,Fail again ,Fail better
