2014年チェックしておきたいスタイルシートやスクリプトのスゴ技たち -Top Pens of 2014世界中の多くのWeb制作者・クリエイターが利用しているCodePenから、スタイルシートやスクリプトを使って実装された2014年にもっとも人気のあったデモを紹介します。 2015年も要注目ですね！ Top Pens of 2014 Top Pens of 2014はベスト100が掲載されており、どれも見応え十分のワクワクするクリエイティブな作品ばかり、その中からトップ10+αを紹介します。
[CSS]ボタンにぷるるんとかわいいアニメーションを与えるスタイルシート -Galatin effect
a要素にテキストを配置して実装したシンプルなボタンに、ゼリーのようにぷるるんとさせるアニメーションを与えるスタイルシートを紹介します。 ↓は、デモをアニメーションgifにしてみました。 Gelatin over button effect with Sass HTML HTMLは非常にシンプルです。 <a href="#" class="btn">Click Here</a> <a href="#" class="btn btn-secondary">Click Here</a> CSS スタイルシートは少々長いですが、こぴぺでそのまま利用できます。 Sass版は、Gelatin effectをご覧ください。 a.btn { display: inline-block; margin: 15px 15px 0; padding: .6em 1.1em; font-size: 26px; f
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5カルタ付きが嬉しい、ウェブ制作の現場で使えるHTML5のテクニックを磨くための一冊 -HTML5マークアップ
