css 我想知道创建动态框架的最佳方法[关闭]

l7wslrjt 于 2023-06-25 发布在其他

关注(0)|答案(1)|浏览(92)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
3天前关闭。
Improve this question
我想动态地实现这个框架：Image of a girl framed in a yellow circular frame，而不是创建图像并上传它们每次。
实现这一点的最佳方式是什么。
我试过使用遮罩并将框架覆盖在顶部，但最终看起来像Image within frame created with a mask

css

来源：https://stackoverflow.com/questions/76523166/i-want-to-know-the-best-way-to-create-a-dynamic-frame

1条答案

按热度按时间

1yjd4xko1#

这里不需要遮罩，只需要一个圆形的div和它后面的框架：

.bg{
  background-image:url(https://i.stack.imgur.com/vDT1F.png);
  width: 300px;
  height:300px;
  background-size:100%;
}
.img{
  background:url(https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8cGVyc29ufGVufDB8fDB8fHww&w=1000&q=80) center;
  width:300px;
  height:300px;
  transform:scale(.83);
  background-size:cover;
  border-radius:50%;
}

<div class="bg">
  <div class="img"></div>
</div>

赞(0）回复(0）举报 2023-06-25

我来回答

css 我想知道创建动态框架的最佳方法[关闭]

1条答案

相关问题

热门标签

最新问答