純CSS實現「精靈圖」動態特效

一、什麼是精靈圖？ 什麼的是精靈圖呢？首先我們來看了一下京東官網的一個例子： 鼠標移入之前這個「相機」的是白色的，移入之後變爲了紅色： 這就是一個精靈圖的案例。 二、素材準備 javascript裏面有一個經典的「開關燈」實例，其中是用到了兩種顏色燈泡的圖片，利用click()點擊事件實現「開關燈」的動態效果。我們這裏不使用JS，只用一張圖片，利用CSS實現。素材只需要一張圖片： 只要我們改變圖片

>>阅读原文<<