画像ボタンをキラキラさせるには
こんばんは。
ホームページ制作についての質問です。
画像ボタンにカーソルを乗せたり、クリックしたりしたときに、
ボタン周りにキラキラが出るようにしたいと思っています。
数日かけて、いろいろ検索して、多くの参考サイトを見ましたが、
結局答えには辿りつけませんでしたので、
ここで質問させてもらおうと思いました。
ここが自分のページです。
http://oto.bz/Oto%20no%20Omise.html
テーブルのセルの中に赤と青のボタンがあり、
押すと右上にカートが出ると思います。
このボタンにオーバーロールを使っており、
マウスを乗せたりクリックしたりで、多少変わります。
本当はこれに、キラキラの効果を加えたいのですが、
うまくできずにいます。
これがテスト用に作ったページです。
http://oto.bz/test.html
赤い方のボタンにマウスカーソルを乗せると、
少しキラキラとなり、クリックすると、
更にたくさんキラキラとなりますが、
これは、赤いボタンの周りにキラキラをつけた
png画像を配置しただけなので、
赤いボタン自体は縮小されるし、
何がやりたいのかよく分からない状態になっています。
自分がやりたいのは、
マウスカーソルを置いたときと、クリックしたとき、
ボタンのキラキラ部分だけを、
セルの外にはみ出させて表現することです。
赤いボタン自体は不変にして、外にキラキラを散りばめる、
こういったことはできるでしょうか？
もし不可能な場合は、無理だと分かるだけでもすっきりしますので、
何かご存知の方がいましたら、情報をいただけないでしょうか。
