css3 多出来的隐藏

CSS3 是一种用于网页排版的技术,它在第三版 CSS 的基础上进行了扩展和升级。其中多出来的隐藏功能为我们的网页开发提供了更多的可能性。

/* 隐藏元素 */
.hidden {
  display: none;
}
/* 透明隐藏 */
.transparent {
  opacity: 0;
  pointer-events: none;
}
/* 负边距隐藏 */
.negative-margin {
  margin-top: -9999px;
  position: absolute;
}

css3 多出来的隐藏

上述三种隐藏方式分别为:display:none(元素不被渲染),opacity:0(元素透明但仍可以触发事件),以及利用负边距将元素移出可视区域(在某些场合下会导致布局问题)。

相信在实际开发中,这些隐藏技巧将会有用武之地。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效