カテゴリー:
アニメーション
閲覧数:660 配信日: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;} |