攻城狮Chova

关注

【CSS】页面顶部阴影

攻城狮Chova

关注

阅读 30

2021-09-28




body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}

利用伪元素实现,并设置 position:fixed;

相关推荐

爱薇Ivy趣闻

android容器顶部边框阴影效果

爱薇Ivy趣闻 33 0 0

树下的老石头

CSS 阴影基础

树下的老石头 55 0 0

Java架构领域

CSS布局基础(CSS属性特征 & 盒子阴影 & 文字阴影)

Java架构领域 115 0 0

非宁静不致远

CSS-盒子阴影和文字阴影

非宁静不致远 83 0 0

小安子啊

CSS 之弧形阴影

小安子啊 87 0 0

爱喝酒的幸福人

css加div阴影

爱喝酒的幸福人 75 0 0

金牛豆豆

【html+css】阴影

金牛豆豆 45 0 0

青乌

JS 页面滑动 底部 顶部

青乌 115 0 0

IT程序员

CSS圆角边框、盒子阴影及文字阴影详解

IT程序员 81 0 0

云岭逸人

纯css实现阴影跳动

云岭逸人 34 0 0

精彩评论(0)

0 0 举报