カテゴリー:
アニメーション
閲覧数:601 配信日:2015-01-13 12:45
構文
「anim1」「anim2」は同時進行
・anim1の後にanim2が実行されるのではない
@keyframes anim1{
0%{プロパティ:値;}
100%{プロパティ:値;}
}
@keyframes anim2{
0%{プロパティ:値;}
100%{プロパティ:値;}
}
.クラス名{
animation-name:anim1,anim2;
}%指定の進行制御は、キーフレームアニメーション毎に異なっていても良い
@keyframes anim1{
0%{プロパティ:値;}
50%{プロパティ:値;}
100%{プロパティ:値;}
}
@keyframes anim2{
0%{プロパティ:値;}
100%{プロパティ:値;}
}
.クラス名{
animation-name:anim1,anim2;
}