simgesi yanıp sönen kırmızı nokta olarak bakmak için CSS'yi kullanarak simgenin bulanıklaştırılmasını nasıl sağlarız?

Question

CSS bu kırmızı simgesi vardır:

<div><i class="fa fa-circle text-danger"></i>&nbsp; LIVE </div> 

nasıl bir aralık yanıp sönmeye canlandırabilirsiniz ?

Web kamerasını ve kayıt cihazlarını hatırladığınızda, aslında kayıt yaparken kırmızı bir nokta yanıp sönüyor mu? Aynı etkiyi istiyorum, bunu CSS'de nasıl yapabilirim? zor mu? Örneğin

: Bu CSS kullanarak http://jsbin.com/loxayazega/edit?html,output

Answer 1

Dene: Eğer hız yanıp kontrol etmek blinker 1.5s değerini değiştirebilirsiniz

.

.Blink { 
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate; 
} 

@keyframes blinker { 
    from { opacity: 1; } 
    to { opacity: 0; } 
} 

JsFiddle bakınız. Umarım sizin için çalışır, teşekkürler.