シャフト株式会社

マウスオーバーした時にリンクテキストを動かす

マウスオーバーした時にリンクテキストを動かす

a:hover{
 position:relative;
 top:1px;
 left:1px;
}

css解説

リンクテキストにマウスカーソルを乗せた際、テキストを動かすことができます。

position:relativeは、通常の位置を基準とした相対的な配置方法です。

top,right,bottom,leftで、それぞれ上から、右から、下から、左からの距離を指定することが可能です。

Copyright © SCHAFT Inc. All Rights Reserved.