Çözüldü Rank CSS Geçiş Sorunu

IExlusive · 26 Eki 2020

Arkadaşlar merhabalar aşağıdaki görselde ki gibi bu kodla ilgili birkaç değişiklik yapmaya karar verdim fakat 2 kere efekt yanıp söndükten sonra kendini tekrarlamıyor hatam nerede yardımcı olursanız sevinirim kodlar aşağıda

Geçiş ayarlarını yaptığım kod budur arkadaşlar

CSS:

.userBanner.userBanner--susturuldu {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 100s;
    animation-duration: 100s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

IExlusive · 26 Eki 2020

Çözümü bulamadım arkadaşlar konu güncel yardımlarınızı bekliyorum.

Ugur · 26 Eki 2020

Css kodu eksik, sadece bu kod ise çalışmaması gayet normal.

Animasyon adı flash olarak belirtilmiş ama animasyon kodu yok.

Screenshot

Captured with Lightshot

prnt.sc

IExlusive · 27 Eki 2020

Ugur' Alıntı:
Css kodu eksik, sadece bu kod ise çalışmaması gayet normal.

Animasyon adı flash olarak belirtilmiş ama animasyon kodu yok.

Screenshot

Captured with Lightshot

prnt.sc

Biraz acelem olduğu için animasyon kodunu eklememiştim.

Tam kodlar bunlar

CSS:

.userBanner.userBanner--susturuldu {
    -webkit-animation-name: flash;
    animation-name: flash;
    -webkit-animation-duration: 100s;
    animation-duration: 100s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}

@keyframes flash {
    0%, 5%, 10%, 100% {
        opacity: 1;
    }
    2.5%, 7.5% {
        opacity: 0;
    }
}

Ugur · 27 Eki 2020

Şu şekilde bir dener misiniz?

CSS:

.userBanner.userBanner--susturuldu {
  animation: flash 3s;
  animation-iteration-count: infinite;
}
@keyframes flash {
  from {opacity: 1;}
  to {opacity: 0;}
}

IExlusive · 27 Eki 2020

Ugur' Alıntı:
Şu şekilde bir dener misiniz?

CSS:

.userBanner.userBanner--susturuldu { animation: flash 3s; animation-iteration-count: infinite; } @keyframes flash { from {opacity: 1;} to {opacity: 0;} }

Sonuç istediğim gibi oldu kendime göre birkaç ayar çektim

Ara

Ara

Foruma hoş geldin 👋, Ziyaretçi

Çözüldü Rank CSS Geçiş Sorunu

IExlusive

xFanatik