代码敲到深夜

关注

CSS:图片伸缩模糊时进行裁剪保留原始比例展示

代码敲到深夜

关注

阅读 66

2022-04-14

语法

object-fit: fill|contain|cover|scale-down|none|initial|inherit;

原图片效果展示

在这里插入图片描述

设置宽高时效果如图

.img {
    height: 100px;
    width: 100px;
    // object-fit: cover;
}

在这里插入图片描述

裁剪展示效果如图

.img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

在这里插入图片描述

相关推荐

梦想家们

Java 缩放图片工具类,创建缩略图、伸缩图片比例

梦想家们 80 0 0

南陵王梁枫

css裁剪图片 clip-path

南陵王梁枫 61 0 0

追风骚年

css实现图片边缘模糊效果

追风骚年 32 0 0

WikongGuan

android使用andro-crop实现任意比例的图片裁剪

WikongGuan 68 0 0

邯唐情感

使用 PyAutoGUI 进行屏幕截图并裁剪图片

邯唐情感 44 0 0

丹柯yx

纯css 使模糊图片变得清晰

丹柯yx 41 0 0

唯米天空

nodejs对图片进行裁剪、加水印,缩放等

唯米天空 33 0 0

夹胡碰

css自学框架之图片灯箱展示

夹胡碰 40 0 0

三维控件研究

拍照、从相册选图并对图片进行裁剪

三维控件研究 108 0 0

code_balance

Android图片进行高斯模糊处理/毛玻璃效果

code_balance 46 0 0

精彩评论(0)

0 0 举报