视频能实现内凹圆角吗?

image
如上图所示:有办法将视频右下角弄成内凹圆角吗?视频是盖在一个可拖动地图上的,所以不能采用传统在视频右下角盖圆角图片的方式。

阅读 2.2k
1 个回答

clip-path,比如对于DOM结构:

<div class="container">
    <div class="box"></div>
</div>

让box右下角缺角25px并且不遮挡container:

.container {
    background: green;
    width: 200px;
    height: 200px;
}

.box {
    background: yellow;
    width: 150px;
    height: 100px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%);
}

效果:
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题