图像包装器CSS

图像包装器CSS,css,Css,我有这个css: .profile pic包装器{ 显示:内联块; 宽度:84px; 高度:84px; 背景:线性梯度(-179度,#f40%,#c0 100%); 边界半径:140像素; 盒影:0 5px 10px 0px rgba(0,0,0,0.22),0 10px 13px 0px rgba(0,0,0,0.34),插入0 18px 18px 0RGBA(255255255,0.35),插入0-18px 18px 0RGBA(0,0,0,0.10); }您可以使渐变稍微透明,然后在其下

我有这个css:

.profile pic包装器{
显示:内联块;
宽度:84px;
高度:84px;
背景:线性梯度(-179度,#f40%,#c0 100%);
边界半径:140像素;
盒影:0 5px 10px 0px rgba(0,0,0,0.22),0 10px 13px 0px rgba(0,0,0,0.34),插入0 18px 18px 0RGBA(255255255,0.35),插入0-18px 18px 0RGBA(0,0,0,0.10);

}
您可以使渐变稍微透明,然后在其下方添加图像:

.box{
显示:内联块;
宽度:84px;
高度:84px;
背景:
线性梯度(-179deg,rgba(244,244,244,0.5)0%,rgba(192,192,192,0.5)100%,
网址(https://picsum.photos/200/300?image=1069)中心/盖;
边界半径:140像素;
框阴影:
0 5px 10px 0px rgba(0,0,0,0.22),
0 10px 13px 0px rgba(0,0,0,0.34),
插图0 18px 18px 0 rgba(255255255,0.35),
插图0-18px 18px 0 rgba(0,0,0,0.10);
}

有一种方法可以将其作为包装器来获取:picsum.photos/200/300?image=1069?