[CSS]ウインドウ内の四辺に綺麗なグラデーションのボーダーを配置するスタイルシート

CSS-Tricksのエントリーから、ウインドウ内の四辺に綺麗なグラデーションのボーダーを配置するスタイルシートを紹介します。

デモのキャプチャ

Body Border 2: Fade In with Gradient
デモ(Activateにマウスを)

デモではjQueryを使用して、「Activate」にマウスを合わせると、四辺にグラデーションのボーダーがフェードしながら表示されるようになっています。

対応ブラウザの表記はありませんが、IE7, Fx3, Safari3.1で動作しました。
フェードを繰り返すとだんだん効果がなくなるのは仕様じゃないよなぁ、たぶん。

top of page

©2017 coliss