CSS

code:css

/* 1 つのプロパティへの適用 */

/* プロパティ名 | 再生時間 */

transition: margin-right 4s;

/* プロパティ名 | 再生時間 | 待ち時間 */

transition: margin-right 4s 1s;

/* プロパティ名 | 再生時間 | イージング関数 */

transition: margin-right 4s ease-in-out;

/* プロパティ名 | 再生時間 | イージング関数 | 待ち時間 */

transition: margin-right 4s ease-in-out 1s;

/* プロパティ名 | 再生時間 | 振る舞い */

transition: display 4s allow-discrete;

/* 2 つのプロパティへの適用 */

transition:

margin-right 4s,

color 1s;

/* 変化するすべてのプロパティへの適用 */

transition: all 0.5s ease-out allow-discrete;

transition: 200ms linear 50ms;

/* グローバル値 */

transition: inherit;

transition: initial;

transition: revert;

transition: revert-layer;

transition: unset;

position プロパティ

position は CSS のプロパティで、文書内で要素がどのように配置されるかを設定します。 top, right, bottom, left の各プロパティが、配置された要素の最終的な位置を決めます。

code:css

position: static;

position: relative;

position: absolute;

position: fixed;

position: sticky;

/* グローバル値 */

position: inherit;

position: initial;

position: revert;

position: revert-layer;

position: unset;

display プロパティ

inline-flex