個人的に書くときよく迷うCSS名

アニメーションさせるのどれだっけ？
〜(100%, 0)とか付けて位置制御するのどれだっけ？

ああああああああ
この3つがごちゃごちゃするので私的に整理しておく

transition

移り変わり、移行、変遷、変化、過渡期、変遷期、変わり目

変化を生むもの、つまりこれがアニメーションさせるやつ。[trans-i-tion]

transition:background-color 1s linear 0 , width 1s linear 0 , height 1s linear 0;

(…に)一変させる、変形させる、(すっかり)変える、変換する、変圧する、(…を)変換する、変形する

変形させるもの、つまりそのまま変形させるやつ[trans-form]

transform:rotate(-7deg);

(…へ)訳す、翻訳する、(…と)解釈する、説明する、(…を)移す、直す、(…に)転任させる

翻訳する、つまり入力値を座標へ翻訳させるやつ[trans-late]

transform:translate(100px, 0);

雑記

transform:translate〜　は特にややこしい…
transの語彙については、元化学側だった人種としては
https://ja.wikipedia.org/wiki/トランス_(化学)
が思い当たるけど違うかも。