animationプロパティとは @keyframe規則で定義したアニメーションを要素に適用するためのプロパティ 主なアニメーション関連のプロパティ プロパティ名 説明 animation アニメーション関連のショートハンドプロパティ animation-name アニメーションのキーフ…

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

transitionプロパティとは 変化速度を制御する。 主なトランジション関連プロパティ プロパティ 説明 transition トランジションのショートハンドプロパティ transition-duration 変化にかかる時間を秒(s)、またはミリ秒(ms)で指定する transition-property …

caption-sideプロパティとは キャプションの表示位置を指定するプロパティ。 キャプションを上下のいずれかの位置に表示できる。 左右への表示はCSS2.1で削除された。

transformプロパティとは 要素を移動、回転、拡大/縮小、傾斜することが可能。 transformプロパティの主な設定値 設定値 説明 translate(X軸[,Y軸]) 要素を移動する。 rotate(角度) 要素を回転する。 scale(数値) 要素を拡大/縮小する。 skew(角度) 要素を傾…