「詳しく見る →」の矢印がホバーで前に動くマイクロインタラクション。1行のtransitionで完結する最小の気配りです。
プレビュー枠は右下をドラッグすると高さを変えられます
書き換えるとプレビューに即反映されます。変更はこのページ内だけで、リロードすると元に戻ります。
矢印のspanをdisplay: inline-blockにするのが唯一の罠ポイントです（インライン要素はtranslateなどの変形が効きません）。動きはわずか5pxですが、「押すと進む」というリンクの意味を動きで補強できます。ホバー時の下線はtext-underline-offsetで文字から少し離すと上品に見えます。