本文共 3367 字，大约阅读时间需要 11 分钟。

HTML���������CSS���������������������������

1���������style������������ display : none������������������������������

div{ display: none; }

������display���������none������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

2���������style������������ visibility : hidden������������������������������������

div{ visibility: hidden; }

���display���������visibility: hidden������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

3������������������������������������������������

div{ position: relative; left: -100%; }

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

������������������������������������������������������������������������������������������������������������

4���������������������������������������������������������������������������

div{ text-indent: 100%; white-space: nowrap; overflow: hidden; }

���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

5���������������������������������������0

div{ width: 0px; height: 0px; }

���������������������������������������0���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

���������������������������������������������������������������������������������������������������������������������������������������

6������������������������������0

div{ opacity: 0; }

���������������������������������0������������������������������������������������������������������������������������������������������������������display: none���������������������0���������������������������������������������������������������

7������������������������������������

div{ transform: rotateX(90deg); }

������transform: rotateX(90deg)���������������������90������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������

8���������������������������������������������

div{ transform: scale(0); }

������������scale������������0���������������������������������������������������������������������������������rotate���scale���������������������������������������������������������������������������������������������

9���������������transform������������������������

div{ transform: translateX(100%); }

������scale������������������������translateX���translateY���skew���transform������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������