代码之家 › 专栏 › 技术社区 › Damian Busz

html5视频上的六边形切割边缘

css-shapes css html

Damian Busz · 技术社区 · 7 年前

html5 (mp4) 拥有 hexagon edges 900x600

有人能帮忙吗?

2 回复 | 直到 7 年前

Nishant Singh 7 年前

你可以通过使用简单的css来实现

video{
        -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

这将显示六边形形状的视频。为了更好地理解它,请点击链接 clipping video 对于任何查询,请对其进行注释。

Storm 7 年前

据我所知。。你可以在css中制作一个六边形并将其粘贴在顶部,但这当然会切断一些视频。

利用 :before :after https://jsfiddle.net/rckndxbx/

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前