[CSS]紙がふわりとする繊細なエフェクトをシンプルなHTMLで実装するテクニック | コリス

2014/10/23 97 users コリス div Box エフェクト CSS

divで実装したパネルに紙がふわりとするようなエフェクトを与えるスタイルシートのテクニックを紹介します。 デモではパネル底の左右がふわりとなります。 Pure CSS Paper Lift Effect 実装は非常にシンプルです。 HTML HTMLは、div一つだけです。 <div class="box"></div> CSS スタイルシートはベンダプレフィックスも含めてあるのでちょっと長いです... 続きを読む

CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト | コリス

2013/06/19 227 users コリス アニメーショ かわいいエフェクト Firefox デモ

CSS3アニメーションを使った、ちょっと素敵なかわいいホバーエフェクト12種類のデモを紹介します。 12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーショ... 続きを読む

CSS からベンダプレフィックスという仕組みが消える日 | WWW WATCH

2013/05/02 70 users CSS WWW WATCH

本の虫さんで、「Blink、新機能に対して新たなベンダープレフィクスを追加しない決定」 という記事が上がっていた （ちなみに border-radius は現状、-moz- も -webkit- も不要で使えますよ） のですが、これ、確か Blink レンダリングエンジンが発表された時から FAQ とかに書かれていましたよね？ なので今さらだと思いますが、当 Blog では当時触れていなかったし、... 続きを読む