/image%2F0125000%2F201304%2Fob_47895faddaed68a2ed7ebf13bab273a7_scraplex-circle-white.png)
[CSS]ユーザーを楽しませる気持ちいいエフェクトがたくさんあるCSS3のデモサイト -CSS3 Playground | コリス http://t.co/NlJE4IWA
September 26, 2012
Advertising
![[CSS]ユーザーを楽しませる気持ちいいエフェクトがたくさんあるCSS3のデモサイト -CSS3 Playground | コリス](https://image.over-blog.com/896z0pgW26zVul_kXcXYHkBfOfA=/170x170/smart/filters:no_upscale()/http%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-2012%2F2012092602-02.png)
[CSS]ユーザーを楽しませる気持ちいいエフェクトがたくさんあるCSS3のデモサイト -CSS3 Playground | コリス
ホバーやクリック、タップ操作などで、ユーザーが楽しめる気持ちいいインタラクションを与えるエフェクトをCSS3で実装したデモサイト「CSS3 Playground」を紹介します。 CSS3 Playground 各デモは、Firefox, Chrome, Safari, Operaでご覧ください。 Hover Panels 内側にシャドウをつけたパネルをホバーすると、奥行きを伴って立体的にパネルが拡大します。 一枚の画像をモザイク状に表示し、ホバーでそのエリアを拡大します。 Flashlight Shadow with JavaScript カーソルの動きに合わせて、文字のシャドウが変化します。 クリックやタップ操作で、パネルがめくれたり回転したり開いたりします。 Blur Filter ※Chrome, Safariのみ カーソルを重ねたパネルをフォーカスします。 写真画像の上に3Dのエレメントを合成し、クリックでパネルがパカパカします。