リンクに触れると背景に影出現。


サンプル   


<head>〜</head>内に




影が出ると、他の文字も動きます。

このタグを入れると、ページ全体に反映されます。
普通にリンクを貼るだけで、全てのリンクにこの影が出現します。

「右の影の数字」では、影が右側にどれだけはみ出すか指定します。
数字をマイナス(半角)にすれば、左方向にはみ出します。
同様に「下の影の数字」は、影が下側にどれだけはみ出すかを指定します。
マイナスにすると、上方向にはみ出します。

サンプルでは、右の影の数字は5、下の影の数字は2
影がついた時の横幅は50pt、影がついた時の縦幅は20ptに指定しています。


4行目のtext-decoration:none; は下線消去指定のタグです。
リンクの下線を消したくない場合は、上からの3〜5行目までを 消してください。