csstest:jQuery プラグインquickflip.jsを使って、パネル(フリップ)を反転して表示
QuickFlipは、HTMLマークアップの任意の部分を、カードのように反転させます。下のボックスのアンカーテキスト、またはボタンをクリックすると、反転します。QuickFlipの実装は簡単で、反転させるブロック要素にclassに"quickFlip"を指定し、アクションを起こすアンカーテキストやボタンを設置するだけです。紹介ページには「アニメーションは、新鮮でオリジナルです」と書かれていますが、cssによるデザイン次第です。
 
			
				
					横方向に反転
					QuickFlipは、HTMLマークアップの任意の部分を、カードのように反転させます。QuickFlipの実装は簡単で、アニメーションは、新鮮でオリジナルです。
					横方向に反転
				 
				
					横方向に反転 2
					QuickFlipによる横方向反転
					QuickFlipの反転エフェクトは、横方向、縦方向を選べます。
					
					横方向に反転して戻る
				 
			 
		 
		
			
			
				
					縦方向に反転
					QuickFlipによる縦方向反転
					QuickFlipの反転エフェクトは、横方向、縦方向を選べます。
					縦方向に反転