CSS を使用してマウス クリック効果を実装する_CSS/HTML

CSSを上手に適用できればホームページは美しく見えます。以下にCSSで作成したマウスクリックの特殊効果画像を紹介します。

1. 次のコードをホームページ内とホームページ間でコピーします。

.shadow {
フィルター: シャドウ(色=青、方向=225)
}
.shadow1 {
フィルター: シャドウ(色=赤、方向=225)
}
.shadow2 {
FILTER:shadow(color=green,direction=225)
}
.div {
CURSOR:move(add=ture,direction; =135、強度=10); 幅: 800px
}

ここではぼかしフィルターが適用されます。

2. ページに画像を挿入します。たとえば、 を追加します。

挿入した画像の下の行に

を追加します。

3. 画像の属性を設定した後、JavaScript スクリプト コードを適用する必要があります。つまり、画像に特殊効果を付けてマウスの動きを追従させる必要があります。コードは次のとおりです。

このようにして、よりパーソナライズされた画像効果を設定できます