事情发生在一个正在摸鱼的下午,伙伴阿甜同学遇到一需求。问我如何用css裁剪图片。阿陆同学一脸懵逼,立刻打开了www.baidu.com。一顿搜索。
如图所示,首先我建议了为何不直接让Ui切图奉献 岂不是很香?阿甜告知。此图是后端返回,无法ui切图。
故而 想到 那是不是直接写个扇形遮盖住就ok了、?然后发现没得任何卵用
一顿搜索
实现了。
mask-image这方法,okkkkkk…这效果就类似于ps内蒙版的作用。
本身我发现了一方法 clip-path
我感觉可以实现。但是我没怼股出来…emmmm.
告辞
参考了以下俩链接
https://www.w3cplus.com/css3/clipping-masking-css.html
https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
css裁剪图片或者遮盖图片
最新推荐文章于 2024-07-05 09:52:23 发布