WEBサイトには「ボタン」がつきものです。 別のページに移動するためのボタンやメッセージを送信するためのボタンなど、どんなWEBサイトでもたいてい1つか2つのボタンが設置されています。 ボタンはただ置いていてもそれほど目立ちません。 そして目立たないボタンはなかなかクリックをしてもらえません。 ですので影を付けて本当のボタンのように凹凸があるような見た目にするなど、見た目に趣向をこらしたボタンをよく目にします。 それ以外にもボタンを目立たせる方法の1つとしてボタンを「キラッ」と光らせるような仕掛けをしているサイトも良く見かけます。 マウスカーソルを乗せるとキラッとするボタン まずは基本的なマウスカーソルを乗せたらキラッとするボタンを作りたいと思います(下のボタンにマウスカーソルを乗せるとキラッとします)。 See the Pen shine1 by konpure (@yuntu) on
![CSSでボタンをキラッとさせる | ゆんつてっく](https://cdn-ak-scissors.b.st-hatena.com/image/square/622d6fbfee0bfa51da372c57faabfcf4aeba6cfc/height=288;version=1;width=512/https%3A%2F%2Fyuntu-tek.com%2Fwp-content%2Fuploads%2F2019%2F11%2Fshine.png)