SORU
6 NİSAN 2010, Salı


CSS3 Sürekli Döndürmek Animasyon (gibi bir yükleme güneş saati)

PNG ve CSS3 animasyon kullanarak Apple tarzı bir aktivite göstergesi (güneş saati yükleniyor simgesi) çoğaltmak için çalışıyorum. Görüntü ve Sürekli dönen yapıyorum ama animasyon bir sonraki dönüş yapar önce bittikten sonra bir gecikme var gibi görünüyor.

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
#loading img
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         0.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-transition-timing-function: linear;
    }

Animasyon süresini değiştirerek denedim ama ilk dönüşten sonra tekrar döner önce bir duraklama olduğunu fark, size doğru yavaş yavaş eğer 5s sadece daha belirgin söyle yapar. Kurtulmak istiyorum bu duraklama var.

Herhangi bir yardım çok teşekkürler beğeni topluyor.

CEVAP
16 HAZİRAN 2010, ÇARŞAMBA


Sorununuzu burada -webkit-ANIMATION-timing-function istediğin zaman -webkit-TRANSITION-timing-function temin ettik. 0 360 değerleriniz düzgün çalışmaz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Dellbear816

    Dellbear816

    4 Mart 2008
  • GavinMichaelBooth

    GavinMichael

    26 AĞUSTOS 2006
  • Marina and The Diamonds

    Marina and T

    8 Temmuz 2008