【CSS】@keyframes規則
@keyframes規則とは
- アニメーションのキーフレーム(通過点)を定義するための規則
@keyframes規則の記述例
@keyframes fadeout { from { margin-left: 0%; opacity: 1; } to { margin-left: 100%; opacity: 0; } } |
- from、toは%に変更可能
@keyframes fadeout { from { margin-left: 0%; opacity: 1; } to { margin-left: 100%; opacity: 0; } } |