扫码关注官方订阅号
我有一张ps上面100%的图片,截取下来之后,我只要这个图片的百分之50%,但是我设置图片width:50% 之后他是以外面的盒子为标准的,有什么办法是以图片为标准设置50%呢
学习是最好的投资!
如果图片尺寸不固定,用scale
calc()函数A Couple of Use Cases for Calc()
以容器的大小。
scale()如果只改小宽度不改高度的话图像会压扁的,楼主如果要要剪切一样的效果可以试下clip-path
scale()
clip-path
-webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%); clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
空出来的区域我就不知道该怎么办了~
毕竟麻烦,如果我做,我会给容器position:relative,给图片添加一个和图片尺寸一致的p position:absolute,然后图片以背景的形式处理。
position:relative
p position:absolute
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
如果图片尺寸不固定,用scale
calc()函数
A Couple of Use Cases for Calc()
以容器的大小。
scale()如果只改小宽度不改高度的话图像会压扁的,楼主如果要要剪切一样的效果可以试下clip-path空出来的区域我就不知道该怎么办了~
毕竟麻烦,如果我做,我会给容器
position:relative,给图片添加一个和图片尺寸一致的p position:absolute,然后图片以背景的形式处理。