4月8日零時起，武漢解除了離漢離鄂通道管控措施，有序恢復對外交通。“封城”76天后，武漢與外界的通道重新開啟。
人民日報公眾號推送了一篇文章，通過點擊武漢的各個景點圖片，可以將圖片“點亮”，也就是通過點擊將黑白色調的圖還原為色彩絢麗的圖
點擊前後內容如下：
其實，我們只要有電腦就能實現啦，也不用裝什麼軟件和編程環境。
首先，你可以準備幾張需要的彩色圖片，然後將他們放在一個文件夾中，例如我對應人民日報的武漢景點找了一些高清大圖，按順序命名好，如下圖所示，放在了名為img的文件夾中：
之後新建一個html文件，內部寫入如下代碼：
例如我將該文件保存為“點亮.html”，將該文件與img文件夾放在同一路徑下。
然後以瀏覽器方式打開“點亮.html” 即可看到如下頁面：
當你鼠標點擊圖片時，圖片會從黑白慢慢漸變轉為彩色，如下圖所示：
代碼中首先通過-webkit-filter: grayscale(1);將所有圖片樣式設置為黑白。使用JavaScript的鼠標點擊事件，當鼠標點擊圖片時，將設置黑白的樣式去除，同時指定不是立刻去除，而是通過 transition: all 2s設定轉變事件為2秒，所以當我們鼠標點擊圖片時，會發生顏色的漸變。
原理就是這麼簡單~快來一起嘗試一下吧！
武漢加油！中國加油！
最後多說一句，小編是一名python開發工程師，這裡有我自己整理了一套最新的python系統學習教程，包括從基礎的python腳本到web開發、爬蟲、數據分析、數據可視化、機器學習等。想要這些資料的可以關注小編，並在後臺私信小編：“01”即可領取。
分享到:
閱讀更多 小劉程序員 的文章
