這個案例大部分源碼都是之前講過的圖片預(yù)覽的源碼搬過來的，做了一些改造。感興趣的小伙伴可以拿這個源碼跑起來，然后對比視頻中的效果是否一致。同時還可以在這些代碼基礎(chǔ)之上做一些交互優(yōu)化，或者動畫擴展，或者將動畫應(yīng)用到自己的項目里面，那么本案例的原理就掌握得差不多了。

勤能補拙是良訓(xùn)，一分辛苦一分才。

鼠標懸浮頭像和動畫結(jié)束監(jiān)聽處理實現(xiàn)原理：

1. 頭像預(yù)覽動畫結(jié)束后，打開菜單內(nèi)容；

2. 頭像預(yù)覽關(guān)閉動畫結(jié)束后，恢復(fù)菜單默認屬性，方便二次打開還能觸發(fā)菜單內(nèi)容過渡動畫。