CSS3アニメーションを採用できる案件が増えてきたので、最近はjqueryを使用することが少なくなってきました。今回は入力フォームにjQueryを使わずにアニメーションを取り入れてみたいと思います。 フォームにデフォルトで付いているCSSのリセットも含めながら説明させて下さい。まずは、デモをご覧ください。 2. HTML 予めアニメーションさせたい「input」「textarea」「ラジオボタン」にclassを付けていきます。 <form> <div> <p><span class="ate1">必須</span>名前:</p> <p><input type="text" name="name" class="input_text" placeholder="名前"></p> </div> <div> <p><span class="ate1">必須</span>E-mail:</p> <
![jquery不要!CSS3アニメーションで入力フォームに動きをいれてみた | Neganin(ネガニン)](https://cdn-ak-scissors.b.st-hatena.com/image/square/82b106e7f397ca75810c30da96cf3ba0072cb2ad/height=288;version=1;width=512/http%3A%2F%2Fneganin.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F05%2Fcssform.png)