display:none;
元素被隐藏且不占位置。
position:absolute;left:-9999px;
元素被隐藏,且不占位。
visibility:hidden;
元素被隐藏且站位。
opacity:0;
元素被隐藏,且站位,透明度变为0;
2.backface-visibillity
定义当元素不面向屏幕时是否可见。
backface-visibillity:visible|hidden
visible:背面可见的
hidden:背面不可见
3.引入服务器字体或外来字体
语法规则:
@font-face{
font-family:<name>
src:<source>[<format>]
font-weight:<weight>
font-style:style
}
4.3D属性perspective:
transform: perspective(500px) rotateY(45deg);
5.pointer-events:none;
pointer-events:none
理解为“幻影特性”;
pointer-events:none的作用是让元素实体“虚化”。例如一个应用pointer-events:none的按钮元素,则我们在页面上看到的这个按钮,只是一个虚幻的影子而已,您可以理解为海市蜃楼,幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。
一切都是幻影!