如何使標誌亮起

Question

道歉，如果這不符合StackOverflow問題。

我有一個由100個燈泡組成的標誌jpg。我希望使用jQuery爲燈泡製作動畫，讓它們在猶豫片刻之後閃爍。

我在想它會需要兩個圖像，而且我會動畫隱藏/來回顯示它們以產生閃爍，但我想問問是否有更優雅的解決方案。

Answer 1

看起來像你可以做一些與不透明度疊加的東西，你可以改變'閃爍'的燈光。定位div，使其位於燈光之上。然後，將它隱藏起來。

Answer 2

如果您將圖像中的燈光設置爲透明（使用alpha混合，您可以保留燈光的反射部分，使其看起來正確）。

然後，您可以將圖像放在正確大小的div上，並將該div的背景顏色設置爲任何您喜歡的 - 它將成爲燈光的顏色。

（我從來沒有這樣做，但它肯定似乎並不像你打什麼應該阻止你做這件事。）

Answer 3

創建一個.gif是循環來回。