Css 缩小(缩放)图像以适合父对象而不显示背景
我需要缩放图像以填充其容器,但是,我需要它平滑地进行缩放,并且不显示黄色背景。有没有办法像这样缩小而不显示背景?如果我将关键帧比例从1@0%设置为1.05@100%,我可以做到这一点,但它会将图像放大太多 这是我的名片Css 缩小(缩放)图像以适合父对象而不显示背景,css,image,css-animations,Css,Image,Css Animations,我需要缩放图像以填充其容器,但是,我需要它平滑地进行缩放,并且不显示黄色背景。有没有办法像这样缩小而不显示背景?如果我将关键帧比例从1@0%设置为1.05@100%,我可以做到这一点,但它会将图像放大太多 这是我的名片 您有两个选择,一个是使背景本身收缩,我不建议这样做,因为它会使缩放图像奇怪地移动 另一个选择是简单地使背景像这样透明 .bg-contain{ ... background: rgba(255,255,0,0); ... } 这使用rgba红、绿、蓝、阿尔法颜色系统。0-255
您有两个选择,一个是使背景本身收缩,我不建议这样做,因为它会使缩放图像奇怪地移动 另一个选择是简单地使背景像这样透明
.bg-contain{
...
background: rgba(255,255,0,0);
...
}
这使用rgba红、绿、蓝、阿尔法颜色系统。0-255之间的前三个数字定义了红色、绿色和蓝色级别。最后一个定义0-1之间的不透明度。我选择的颜色是黄色,但完全透明
你说的背景是指黄色部分吗?是的,黄色部分。我想我真正想要的是它在不看到边缘向父容器末端移动的情况下进行缩放,我没有很好地解释这一点。我可能做得完全不对。但这是我最初的要求,它确实起作用。
.bg-contain{
...
background: rgba(255,255,0,0);
...
}