html - 押すとアニメーション化されたhtml5ボタン

Question

HTML5 / javascriptを使用してボタンが押された（ロールオーバーされていない）ときにボタンをアニメーション化できる方法があるかどうか疑問に思っていますか？

押すと少し伸びてキラキラと光る、まるで漫画っぽいボタンを作りたいです。ちょっと派手に聞こえるかもしれませんが、最終的な結果は思ったよりも良く見えると思います。

私のインスピレーションは？Newスーパーマリオブラザーズゲームのブロック。

Answer 1

あなたが探しているものは、HTML5 ではなく、CSS3 によって作成されています。

これは、CSS3 であらゆる種類のクールなボタンを作成するための 10 の異なるチュートリアルへのリンクを含むブログ投稿です: http://www.catswhocode.com/blog/top-10-css3-buttons-tutorials .

:hover セレクターを使用してロールオーバーすると、多くのボタンが展開されます。押されたときにスタイルを適用したい場合は、代わりに :active セレクターを代用してください。

これで始められることを願っています。