FontAwesome simgeleri anchors içinde krom üzerinde hareket etmiyor

Question

Fontawesome bir simgeyi canlandırmaya çalışıyorum, bir yuva içinde iyi çalışıyor, ancak simgeyi bir anchor'a yerleştirdiğimde, krom üzerinde çalışmayı durduruyor, IE üzerinde çalışıyor.

Ben FontAwesome 3.2.1 kullanıyorum ve bu

Html benim kodudur:

<a> 
    <i class="icon-wrench rotator"></i> 
</a> 

CSS:

.rotator { 
    display: inline-block; 
    -webkit-animation: rotate 2.5s 4 ease; 
    -webkit-transform-origin:90% 35%; 
} 

@-webkit-keyframes rotate { 
    from { 
     -webkit-transform: rotate(-12deg); 
    } 

    to { 
     -webkit-transform: rotate(112deg); 
    } 
} 

Ben FontAwesome 3.0.2 ile denedim ve çalışıyor en az 3.2.1'e yükseltdiğimde, en azından kromda çalışmayı durdurdu. peşin

Düzenleme yılında

sayesinde ben de çapa içine html daha var ve o kadar o

yapmayacağım demire 'döndürücü' sınıf ekleyerek döndürmek istemiyoruz

Düzenleme Bu gerçek html (yukarıdaki örnek basitleştirilmiştir) olduğu:

<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
    <i class="icon-bell-alt icon-animated-bell icon-only"></i> 
    <span class="badge badge-success">5</span> 
</a> 

Answer 1

döndürücü Ders ekle yerine çapa. İstediğinizi varsayarak sayfa yüklemesinde dönmeye başlayacak mı?

http://jsfiddle.net/7kANu/4/

<a class="rotator"> 
    <i class="icon-wrench"></i> 
</a> 

DÜZENLEME: Eğer geçici bir çözüm olarak buna bir div simge sarın ve döndürücü sınıfını atayamıyorsanız misiniz?