[JS]軽快に開閉するセクシーなパネルを実装するチュートリアル

CSS3を使った、軽快に開閉するセクシーなパネルを実装するスクリプトのチュートリアルをspyrestudiosから紹介します。

デモのキャプチャ:Fx3.5

How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3
demo:1

上記のキャプチャはFirefox3.5で、CSS3の角丸が反映されています。CSS3非対応のIE7などでは下記のように隅が鋭角になります。

デモのキャプチャ:IE7

IE7でのキャプチャ

パネルのトグルは左右のどちらにも配置することが可能で、パネルの配置は絶対配置と固定配置が可能です。
demo:2(トグル:右、配置:絶対)
demo:3(トグル:左、配置:固定)

sponsors

top of page

©2024 coliss