IE transition:rotate Yardım !

Splendor
25-01-2013, 17:45   |  #1  
Splendor avatarı
OP Üye
Teşekkür Sayısı: 5
73 mesaj
Kayıt Tarihi:Kayıt: Mar 2012

 

Sevgili abilerim, HTML ve CSS3 yardımı ile siteme, üstüne gelindiğinde "180deg" dönen bir footer yaptım. Diğer tarayıcıların tümünde desteklerken, herzaman ki gibi IE'da çalışmama sorunu ile karşılaştım. Varmıdır bunun bi çözümü ? Toparlamak gerekirse:

            Ters yapılmış bir footer'ım var. CSS' te "hover" özelliği sayesinde üstüne gelindiğinde "rotate" değeri 0deg'e indirerek pozisyonu düzelecek. "Chrome", "Safari", "Maxthon 3", "Opera" ve "Mozilla" gibi tarayıcılar destekliyor ancak IE'da destekleme sorunu varmıdır, eğer yoksa bana kod yardımında bulunabilecek bir kişi varmıdır ? Şimdiden teşekkürler...

Bu arada internette ki araştırmalarımdan yola çıkarak:

"filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);" kodunu kullandım ancak oda tarayıcıda çalışmadı.


Kodlarım:

#denemerotate {
        background-color:#fff;
        -webkit-transition: all 2s;
        -moz-transition: all 2s;
        -o-transition: all 2s;
        -ms-transition: all 2s;
        transition: all 2s;
       
        -webkit-transform: rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
       
}
#denemerotate:hover {
        background-color:#fff;
        -webkit-transform: rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

Son Düzenleme: Splendor ~ 25 Ocak 2013 17:46