画像hover時のlineの扱い / 画像の内側にborderを乗せてみる | 乱雑モックアップ
このblogをsimpleで表示すると、画像にマウスを当てた時、画像を囲むlineが動きます。 たとえばこのページの画像とか。 うにょうにょウザイですか？ごめんなさい。 ちょっと考えればすぐに判る単純な仕組みなので、解説するのも恥ずかしかったりするけど :hoverの背景にアニメーションgifを指定して、paddingでアニメーションgifが表示される分の余白を作る。です。 これたぶんcssが有効になるよりかなり前の技術ですよね。 当たり前だけどhover前にも同じ余白を作っておかないとズレます。 inn... > このページを見る
はてなブックマーク
