マイクロインタラクション講座

マウスをのせるとやわらかく色が変わる

マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる マウスをのせるとやわらかく色が変わる

マウスをのせると画像が大きくなる

文字列にマウスをのせると下線が広がる

文字列にマウスをのせると下線が広がる 

画像にマウスをのせると枠線がつく

ページトップにナビを配置

position: fixedで位置を固定する

 

クレジット表示の中央寄せ

footer部のクレジットは左揃えに設定されていて編集が出来ないので、「!important」を使って幅100%とtext-align: centerで中央揃えに設定する。