アニメーション遅延は、私はそうのようなアニメーション、遅延プロパティを追加することによって、私のフリップアニメーションの遅延を作成しようとしています

Question

を追加しません。

.flip-container:hover .flipper { 
    -webkit-transform: rotateY(180deg); 
    -moz-transform: rotateY(180deg); 
    -webkit-animation-delay: 2s; 
    /* Safari 4.0 - 8.0 */ 
    animation-delay: 2s; 
} 

.flipper { 
    -webkit-transition: 0.6s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transition: 0.6s; 
    -moz-transform-style: preserve-3d; 
    position: relative; 
    -webkit-animation-delay: 2s; 
    /* Safari 4.0 - 8.0 */ 
    animation-delay: 2s; 
} 

しかしこれは少しも私のために働いていません。より良い方法はありますか？

Codepen here

Answer 1

あなたは、アニメーション

がtransition-delay代わりのanimation-delayを使用してみてくださいトランジションを使用していません。