jquery - 89x89px の繰り返し背景の正方形の画像があり、マウスをホバーしたときにランダムな色の画像に変更したい

Question

ただし、現在の画像の色を変更して、マウスがその特定の画像から離れた後にリセットするだけにしたいと思います。

これにより、繰り返し画像の上にマウスを移動すると、素敵な多色のパターンが表示されます。

事前にご協力いただきありがとうございます。フィドルは素晴らしいでしょう！

Answer 1

うーん。私はそのために Webkit フィルターを使用します (しかし、それは私であり、私は Webkit ブラウザーが大好きで、いつの日かすべてのブラウザーがそれをサポートすることを願っています)。

何かのようなもの：

img {
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
     transition: all 5s ease;
}

img:hover {
     -webkit-filter: hue-rotate(333deg);
}

しかし、それはあなたが何を達成したいかによって異なります。ここで、画像とホバー効果について書いたこの短いチュートリアルを見てください。コードペンでホストされているので、ブラウザで例を試すことができます。

http://fivera.net/simple-cool-live-examples-image-hover-css-effect/