你需要知道的图像 CSS 技巧

大家好，希望你们一切顺利。在这篇博客中，我将分享处理图像时需要注意的 5 个属性 -

1. 对象适配：覆盖 -

此属性允许图像填充整个尺寸，同时保持其纵横比。对于个人资料图片尤其有用。

2. Transform：scaleX(-1) / scaleY(-1) -
使用 transform：scaleX(-1) 水平翻转图像，scaleY(-1) 垂直翻转图像。

3. 对象适配：包含 -

此属性用于将整幅图像保持在所需的尺寸，并保持其纵横比。此属性在制作横幅时经常使用。

4. 滤镜：阴影 -

此属性用于为没有背景的图像添加阴影。
例如：filter: drop-shadow(30px 10px 4px #3a3a3a);

30px 表示其相对位置向右，负值将使阴影向左移动。

10px 表示其相对于顶部的位置，负值将使阴影移向底部。

4px 代表其模糊系数

3a3a3a 代表它的颜色

5. 滤镜：不透明度 -

此属性根据百分比增加图像的透明度。

如果你知道其他技巧/窍门，请在评论区告诉我。感谢阅读 :)

通过以下方式与我联系 -