你如何讓圖像閃爍？

我想知道如何在CSS中使圖像閃爍，如果有可能的話。我想讓它閃爍的地方。你如何讓圖像閃爍？

我也想改變速度，但主要是我想讓它閃爍。的Javascript

2012-08-24 user1623495

不要認爲這是可能的只是CSS，但你可以用Javascript來做到這一點。 –

你能解釋一下「眨眼」嗎？你想讓圖像變亮一下，或者變成白色還是不同的顏色？ –

這個''標籤死了你知道的一個可怕的死亡。 – j08691

使用setInterval的方法把它作爲W3Schools的引用，然後從visibility:visible更改CSS來visiblity:hidden我們不會用display:none，因爲它會刪除圖像的空間很好，但我們確實需要對圖像的空間爲了閃爍的事情工作。

來源

2012-08-24 19:11:53

順便說一句，請在SO上建立一個正式賬戶。這真的很有幫助。謝謝。我希望我的回答有幫助。 –

救援的CSS動畫！

@keyframes blink { 
    0% { 
     opacity: 1; 
    } 
    50% { 
     opacity: 0; 
    } 
    100% { 
     opacity: 1; 
    } 
} 
img { 
    animation: blink 1s; 
    animation-iteration-count: infinite; 
}

http://jsfiddle.net/r6dje/

您可以通過調整間隔使其成爲一個尖銳的眨眼：

@keyframes blink { 
    0% { 
     opacity: 1; 
    } 
    49% { 
     opacity: 1; 
    } 
    50% { 
     opacity: 0; 
    } 
    100% { 
     opacity: 0; 
    } 
}

http://jsfiddle.net/xtJF5/1/

來源

2012-08-24 19:15:55

如果我徘徊，圖像不會眨眼。任何選項？ – KarSho

這很棒，但它也需要Chrome瀏覽器的代碼。 – LauraNMS

您還需要爲'keyframes'（如'-moz-keyframes'，'-webkit-keyframes'等），'animation-iteration-count'（如'-moz-animation-iteration- count，'-webkit-animation-iteration-count'等）和'animation'（'-moz-animation'，'-webkit-animation'等）。 –

你可以用CSS做很容易。只需在圖像的CSS元素中添加以下跨瀏覽器代碼即可。如果更改代碼中的數字，您也可以設置時間。

-webkit-transition:all 1s ease-in-out; 
-o-transition:all 1s ease-in-out; 
-ms-transition:all 1s ease-in-out; 
transition:all 1s ease-in-out; 
-webkit-animation:blink normal 2s infinite ease-in-out; 
-ms-animation:blink normal 2s infinite ease-in-out; 
animation:blink normal 2s infinite ease-in-out;

來源

2017-05-31 09:39:18 user1874941

你如何讓圖像閃爍？

回答

相關問題