0

これは変です。すべての構文が正しいようです。それでもどのブラウザでも期待どおりに機能しませんか？何か助けはありますか？

ところで：私は-moz、-webkit、-oプレフィックスのものについて知っています。私もそれらで試しました。動作していないだけです

スローバウンス効果が欲しいです。これが私の完全なjsFiddleです

div {
    width:24px;
    height:24px;
    position:relative;
    left:0px;
    top:0px;
    animation:glide 5s linear 2s ease-in-out alternate;
}

@keyframes glide {
    from {left:0px; top:0px;}
    to {left:0px; top:20px;}
}
4

2 に答える 2

0 
div {
    width:24px;
    height:24px;
    position:relative;
    display: inline-block;
    -webkit-animation:glide 5s infinite;
}
@-webkit-keyframes glide {
    from {left:0px; top:0px;}
    to {left:0px; top:120px;}
}

よく働く。

于 2013-01-28T09:56:26.063 に答える
0

アニメーションの宣言は少し面倒です。宣言する必要があるのは、タイミングを1つ、イージングを1つなどです。たとえば、宣言してから、、次に2つの異なるイージングを宣言し5sます2s。

これが実用的なフィドルです（Chrome / Safariで表示）：http：//jsfiddle.net/gleezer/RaXgq/10/

于 2013-01-28T10:42:18.797 に答える