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

    WBOY
    リリース: 2016-05-16 12:11:19
    オリジナル
    1852 人が閲覧しました

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

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

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

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

    2. ページに画像を挿入します。たとえば、CSS を使用してマウス クリック効果を実装する_CSS/HTML を追加します。

    挿入した画像の下の行に

    を追加します。

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



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

    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!