實(shí)現(xiàn)原理：1、普通加載動(dòng)畫利用邊框+動(dòng)畫+關(guān)鍵幀；2、漸變利用錐形漸變函數(shù)+偽類元素+動(dòng)畫。

技術(shù)棧：盒子邊框、animation+關(guān)鍵幀和偽類元素。

【css通用樣式】

1、普通加載動(dòng)畫實(shí)現(xiàn)

【效果圖】

【HTML代碼】

【css代碼】

2、漸變加載動(dòng)畫實(shí)現(xiàn)

【效果圖】

【HTML代碼】

【CSS代碼】

好了，此次分享結(jié)束，有不明白的，評(píng)論區(qū)留言或者私聊。有想要實(shí)現(xiàn)的動(dòng)畫卻不能實(shí)現(xiàn)的，評(píng)論區(qū)留言，下次更新。~bye