IDnew-diary
 牡羊座の19歳 / O型 / 東京都在住
tr:nth-child(2):hover th { transform:scale(-1, 1); }
一番可愛いと思う左の画像が.5秒かけて左右を反転するわ。
 銀だら、きんつば、お刺身
tr:nth-child(3):hover th { transform:rotate(360deg); }
画像が右にくるっと一回転します。
 マカロニ
tr:nth-child(4):hover th::before { background-position-y: -485px; }
tr:nth-child(4):hover + tr th::before { background-position-y:-645px; }
 宮崎美子
tr:nth-child(5):hover th::before { transform:scale(-1, 1); }
ここは左右反転、上は画像の位置を移動してる。複合させています。
 いっぱい
tr:nth-child(5):hover th::before { transform:scale(-1, 1); }
同じようだけれど、ここは::beforeに施してる。
 にがて
 頑張っている人、素直な人
transition:transform 2s; transform:rotate(1080deg);
高速グルグル3回転です。あぁ髪の毛が可哀想。
 やればなんとかなる
tr:nth-child(9):hover th::before { background-position-y: -1285px; }
一番上の画像は切り取ったものです。大きな画像の一番下にあるのものを。
 JavaScript CSS 文字列操作
transition:background-position-y 2s; background-position-y:-5px;
一番上の位置に移動します。時間を2秒に伸ばしています。