路径裁剪制作播放器按钮
本帖最后由 亚伦影音工作室 于 2024-12-28 13:14 编辑 <br /><br /><div id="tu"></div><div id="tp"></div><div id="暂停"></div><div id="播放"></div><div id="前进"></div><div id="后退"></div><div id="箭头"></div><div id="箭头1"></div><style>
#tu { margin: 0px0px ; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(30% 0%, 30% 50%, 100% 0, 100% 100%, 30% 50%, 30% 100%, 0 100%, 0 0);position: relative; }
#暂停 { margin: -50px100px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 0, 50% 0, 50% 100%, 75% 100%, 75% 0);position: relative;}
#播放 { margin: -50px200px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(75% 50%, 0 0, 0 100%);position: relative;}
#tp { margin: -50px300px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(70% 50%, 70% 0%, 100% 0, 100% 100%, 70% 100%, 70% 50%, 0 100%, 0 0);position: relative;}
#前进 { margin: -50px400px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(50% 0, 50% 50%, 100% 0, 100% 100%, 50% 50%, 50% 100%, 0 50%, 0 50%);position: relative;}
#后退 { margin: -50px500px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(0 0, 50% 50%, 50% 0, 100% 50%, 50% 100%, 50% 50%, 0 100%);position: relative;}
#箭头 { margin: -50px600px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);position: relative;}
#箭头1 { margin: 60px60px; background:#ff0000;width: 50px; height: 50px;clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);position: relative;}
</style>
页:
[1]