テーブル内の行を徐々に「開いて」「閉じて」、その下の行が適切に押し下げられたり引き上げられたりします。
transition
タイミングとtransform
サイジングに使用して、div を展開/縮小することができます (使用できませんheight
) 。
サンプル.css
h1 { transition all 600s linear; }
h1.sqeeze { transform scale( 1.0, 0.0 ); }
しかし、これは周囲の環境に影響を与えません。はh1.squeeze
効果的に高くなります0px
が、その後のブロックはh1
そのまま残ります。
tr
私が欲しいのは、またはdiv
またはのように、何かを拡大/縮小できるメカニズムでli
あり、周囲のブロックが部屋を作るか、新しく利用可能なスペースを取ることによって応答します-display: none;
スローモーションのように。