可視性の違いは何ですか：hiddenとtransform：scale（0,0）？

Question

visibility: hiddenとtransform: scale(0,0)の間に違いはありますか？両方とも同じ結果が得られますか？

Answer 1

要素のvisibilityをhiddenに設定すると、非表示になりますが、引き続き領域を占有します。

visiblityをcollapseに設定すると、領域が占有されず、display:noneと同じように動作します。しかし、collapseはテーブル要素に対してのみ使用できます。

transform: scale(0,0)は、サイズを0,0に設定すると、floatやclearのようなCSSのプロパティは他の要素に影響します。

Answer 2

はい彼らは両方の要素が見えない（それでもスペースを占有）同じ

Visiblity: hiddenを働きます。

transform: scale(0,0)外観が視覚的に変わります。元のオブジェクトの実際の寸法が維持されます。