利用JavaScript和動畫來實現圖片的融合和分開的一個效果

作者：劉輝 撰寫時間：2019.1.21 先上張圖： 如圖所示，在經過各種css和HTML的設置後，我們見到了這樣的一個效果，接下來我們要實現的是：如何點擊那個融合按鈕讓兩張圖片融合成一張圖片呢？說到點擊我們肯定要用到點擊事件，再配合css中的動畫代碼來實現這個過程； 下面是過程解釋， 我們先在css中通過@keyframes來設置我們想讓這兩張圖片移動的距離： 然後再到JavaScript中的融

>>阅读原文<<