[WordPress] 360 度の CSS を使用して、ロゴをスピンする方法?

スポンサーリンク

Question

私はウェブサイトに取り組んでいるし、ロゴを 360 度スピンしたいです。ウェブサイトの URL は http://flipped.in/JSJ/

私が使っているコードの例です:

 
.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.rotate:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}  

今、私は試みたクラスを置き換える '回転' のいずれかで私のロゴは動作しません。誰かはこれを適切なクラスを追加する私を助けることができるか?

答え

コードがよう Chrome と Firefox で動作します。それは働きません、IE の IE を実装しています (最新のバージョン)、関連するプロパティの 標準 の名前とコードの標準の名前の下の

transform

プロパティの設定を欠いています。追加する最新のブラウザー上で動作コードとなります

 

Jump Start Jonny

http://stackoverflow.com/questions/27874302/how-to-spin-the-logo-360-degrees-using-css

スポンサーリンク

Leave a Reply