- Object-fit:cover：
图像将被调整大小以适应其容器的长宽比，如果图像的长宽比与容器的长宽比不一致，那么它将被剪切以适应。
2.Transform: scaleX(-1) / scaleY(-1):
实现图片翻转镜像效果的方法。通过这个简单的样式技巧，我们可以为网页增添更多的视觉效果，让网页更加生动有趣。
3.Object-fit : contain
如果你在替换元素上设置一个明确的高度和宽度，此值将导致内容大小，完全在固定的比例显示，但仍在元素尺寸内显示。
4.Filter: drop-shadow
给图像设置一个阴影效果。阴影是合成在图像下面，可以有模糊度的，可以以特定颜色画出的遮罩图的偏移版本。
5.Filter: opacity
用于转化图像的透明程度。值定义转换的比例。值为0%则是完全透明，值为100%则图像无变化。值在0%和100%之间，则是效果的线性乘子，也相当于图像样本乘以数量。
值得你牢记的5个CSS属性，它们将会在网页图片处理上给你很大的帮助，后期有新的发掘随时更新。
