請點擊下方圖片
function makeTransparent(element) { // 給當(dāng)前點擊的圖片添加透明樣式 element.classList.add('transparent'); }
上面的代碼演示了如何點擊圖片之后讓圖片變成透明的效果。首先我們定義了一個圖片樣式,其中包括了圖片的寬度和高度以及漸變動畫的設(shè)置。然后我們又定義了一個透明樣式,其中設(shè)置了透明度為50%。點擊圖片的時候會調(diào)用JavaScript函數(shù),給當(dāng)前點擊的圖片添加透明樣式,從而使圖片變成透明的效果。
上一篇vue版本命令