HTML5 および CSS3 の価格表フリップ切り替えアニメーション効果

片段代コード：

<スタイル>
html、ボディ、div、スパン、アプレット、オブジェクト、iframe、
h1、h2、h3、h4、h5、h6、p、blockquote、pre、
a、略語、頭字語、アドレス、big、引用、コード、
del、dfn、em、img、ins、kbd、q、s、samp、
スモール、ストライク、ストロング、サブ、サップ、tt、var、
b、u、i、中央、
dl、dt、dd、ol、ul、li、
フィールドセット、フォーム、ラベル、凡例、
表、キャプション、tbody、tfoot、thead、tr、th、td、
記事、脇、キャンバス、詳細、埋め込み、
図、図キャプション、フッター、ヘッダー、hgroup、
メニュー、ナビ、出力、ルビ、セクション、概要、
時間、マーク、オーディオ、ビデオ {
マージン: 0;
パディング: 0;
境界線: 0;
フォントサイズ: 100%;
フォント: 継承;
垂直配置: ベースライン;
}
/* 古いブラウザ用の HTML5 表示ロールのリセット */
記事、余談、詳細、図キャプション、図、
フッター、ヘッダー、hgroup、メニュー、ナビゲーション、セクション、メイン {
表示ブロック;＃＃＃ }
体 {＃＃＃ 行の高さ: 1;
}
ああ、ウル {
リストスタイル: なし;
}
ブロッククオート、q {
引用符: なし;
}
ブロック引用:前、ブロック引用:後、
q:前、q:後 {
コンテンツ： '';＃＃＃ コンテンツ: なし;
}
テーブル {＃＃＃ 境界折りたたみ: 折りたたみ;
境界線の間隔: 0;
}





これは、あるオークションライトのトピックテーブルの 360 度変換コード、HTML5 CSS3 テーブルの変換アニメーション エフェクトです。また、トップ テーブルの切り替え、登録インターフェイスの切り替え効果を変更することもできます。