如何让元素消失在我们的视野中(面试题)

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title></title>
 6 <style type="text/css">
 7 /*
 8 面试题:让元素消失在我们的视野中(发挥你的想象力)
 9 1.透明度 opacity:0;[0~1]
10 2.display:none 隐藏
11 3.0/height:0和overflow:hidden
12 4.line-height:0和overflow: hidden(没有设置高度的情况下)
13 5.visibility: hidden;让所有可见性的元素隐藏
14 6. margin/padding设置足够大只要能让他消失即可
15 7.利用 transform属件计 translate坐标设置足够大
16 */
17 </style>
18 </head>
19 <body>
20 </body>
21 </html>