小编sut*_*uti的帖子

带有 CSS 的图像的圆形阴影

我想为图像创建一个圆形阴影和一个 CSS 按钮,我在CSS3 Drop Shadows Generator 中找到了一个解决方案,它为一个框创建圆形阴影。

在此处输入图片说明

但我不知道如何为我的案例应用代码(用于图像和按钮)

.box {
  position: relative;
  width: 400px;
  height: 300px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.box:after {
      position: absolute;
      width: 64%;
      height: 12%;
      left: 18%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 50px 24px rgba(0,0,0,0.24);
      }
Run Code Online (Sandbox Code Playgroud)

您的支持将不胜感激!

css image rounding shadow

2
推荐指数
1
解决办法
2237
查看次数

标签 统计

css ×1

image ×1

rounding ×1

shadow ×1