ID | new-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秒に伸ばしています。 |