[程式] 點一下圖片，黑白瞬間變彩色

夥伴傳來一個連結，打開後，裡面的多張黑白(灰階)圖片，按一下圖片後，就會慢慢轉成彩色，所以覺得很療癒。

不過，我想了一下，想試著把它的動作還原，整理以下思路：

1. 一開始把頁面中的圖片都設成灰階
2. 設定每個圖片監聽 click 事件
3. 圖片被點擊後，取消灰階
4. (opt)取消灰階後，用 fadeIn 讓圖片浮現

試了一下，果然可行，其中的關鍵字：

• css
• filter
• grayscale

以下是我簡單做的範例程式，提供參考囉！