[CSS]グラデーションのアニメーションが美しいフォームを実装するスタイルシート
Glowform デモページ [ad#ad-2] CSS3のグラデーションとアニメーションを使用しているため、対応ブラウザはWebkit系（Chrome, Safari）、Firefox4となります。 テキストフィールドにフォーカスすると、グラデーションはアニメーションで美しく変化します。 [ad#ad-2] HTML HTMLは、下記のようになっています。 スタイルシートやスクリプトはサイトの「Download」からダウンロードできるので、そちらでご確認ください。 <div class="rain"> <div class="border start"> <form> <label for="email">Email</label> <input name="email" type="text" placeholder="Email"/> <label for="pass">Passwo
kzms2 – html,css,javascript » セレクタについて(2/4)その1 – css3を触ってみて思った4個の利点
css3を触ってみて思った利点の2個目 今回の記事は、前回の記事（レイアウトについて(1/4) – css3を触ってみて思った4個の利点）の続きです。 レイアウト組むのが楽ちん セレクタが便利 画像に頼らず色々出来る アニメーションが素敵 というわけでセレクタについてですね。 css2だと、HTML側で細かな指定をしないと、見た目に差をつけにくかったのですが、css3のおかげでHTMLをよりシンプルにして、細かな指定をすることが可能になります。 詳細は続きから。 そもそもセレクタって？ セレクタっていうのは一言で言えば、「cssを効かせたい場所の指定」のことです。 /*hogeというidの部分を*/ #hoge{ /*カラーを赤色にする*/ color:#f00; } /*hogeというidの中にある、classのafe全ての部分を*/ #hoge .afe{ /*カラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
