Pulsujące Awatary

Adres forum:
GameCenter.net.pl

Wersja silnika:
Najnowsza
Opis problemu:
Szukam pulsujących awatarów na stronie głównej i nie tylko jak na cs-porobieni.pl jest jakis css do tego czy coś ? 

jeśli zły temat prosze o przeniesienie

Jak zbadać element na stronie internetowej

Do CSS:

Następnie do klasy elementu, który ma pulsować, dodajesz:

(14.08.2018, 18:21)Axwell napisał(a): Jak zbadać element na stronie internetowej

Do CSS:

@-webkit-keyframes pulsemulti {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 127, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0);
    }
}

@keyframes pulsemulti {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0.9);
        box-shadow: 0 0 0 0 rgba(0, 127, 255, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 127, 255, 0);
        box-shadow: 0 0 0 10px rgba(0, 127, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0);
        box-shadow: 0 0 0 0 rgba(0, 127, 255, 0);
    }
} 


Następnie do klasy elementu, który ma pulsować, dodajesz:

   animation: pulsemulti 1s infinite; 


Działa dziękuje

---

(14.08.2018, 18:23)Szekspir napisał(a):

(14.08.2018, 18:21)Axwell napisał(a): Jak zbadać element na stronie internetowej

Do CSS:

@-webkit-keyframes pulsemulti {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0.9);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 127, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0);
    }
}

@keyframes pulsemulti {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0.9);
        box-shadow: 0 0 0 0 rgba(0, 127, 255, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 127, 255, 0);
        box-shadow: 0 0 0 10px rgba(0, 127, 255, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 127, 255, 0);
        box-shadow: 0 0 0 0 rgba(0, 127, 255, 0);
    }
} 


Następnie do klasy elementu, który ma pulsować, dodajesz:

animation: pulsemulti 1s infinite; 


Działa dziękuje

Otwieram jeszcze raz temat a na stronie głównej gdzie mam to dodać animation: pulsemulti 1s infinite;

Zbadaj element to się dowiesz..