第1回 プッシュボタンのアニメーション | gihyo.jp新たに始まった連載「CSS3アニメーションでつくるインターフェイス表現」では、CSS3によるアニメーション表現を紹介していきたい。その中でも、幅広い読者に応用してもらえるだろうインターフェイスをおもなお題とする。CSS3が充実し、ブラウザの実装も進んできたので、JavaScriptコードを書かずとも豊かな表現ができる。第1回は、基本を抑える意味で、プッシュボタンのアニメーションをつくる。 ボタンのもとになる静的スタイル まず、<body>要素に書くコードだ。プッシュボタンにする<a>要素は、つぎのようにclass属性"button"を定めた<p>要素に含める。それをさらに、class属性"container"の<div>要素で包んだ。 <body> <div class="container"> <p class="button"><a href="#">Push Button</a></
