image的5个重要属性

1.Object-fit : cover 这个属性可以使图片填充满整个区域，同时保持宽高比例

2.2. Transform: scaleX(-1) / scaleY(-1) 使用transform: scaleX(-1)可以水平翻转图像，scaleY(-1)则用于垂直方向

3. Object-fit : contain 用于包含所需尺寸的整个图片并保持宽高比例，这个属性常用于制作横幅

4.Filter: drop-shadow 此属性用于为透明背景的图片添加阴影

例如：filter: drop-shadow(30px 10px 4px #3a3a3a);

• 30px表示目标的相对位置向右，负值则向左移动阴影。

• 10px表示目标的相对位置向上，负值则向底部移动阴影。

• 4px代表目标的模糊因子。

• #3a3a3a代表目标的颜色。

 5.Filter: opacity  此属性根据百分比增加图像的透明度。