1

各反復間に遅延を追加する方法はありますか?

例: 2 秒の最初の遅延と 10 秒の反復遅延を追加したい

ここにいくつかのコードがあります:

コード:

/* PROCESSAR AQUI! */
/*...*/


/* KEYFRAMES */

@-webkit-keyframes transitdescription {
    15%     { margin-left: 45px;}
}

@-webkit-keyframes transitimage {
    0%      { right: -100%;}
    10%     { right: -webkit-calc(93% - 350px);}
    25%    { right: -webkit-calc(90% - 350px);}
    90%    { right: -webkit-calc(90% - 350px);}
    100%    { right: -webkit-calc(200%);}
}

@-webkit-keyframes rotateimg {
    50%  {-webkit-transform: rotate(-10deg);}
}

@-webkit-keyframes pluswidth {
    50%  {  width: 450px;}
}

@-webkit-keyframes leaveimage {
    50%  {  width: 450px;}
}

ありがとう。

4

1 に答える 1

4

提案されていますが、そのようなプロパティはありません。

回避策があります:

@-webkit-keyframes transitimage {
    /* animation here */
    10%, 100% { /* wait for 10 seconds without doing anything */ }
}

これは理想とはかけ離れています。
他の回避策については、この関連する質問を参照してください。

于 2014-02-06T11:37:03.390 に答える