借用雄鹰版主素材仿制一帖《情人桥》
<iframe src="http://cesholl.cn3v.net/src/情人桥.html" frameborder='0' scrolling='no'style="width:1000px;height:1000px;margin:100x 0px 32px -100px;"></iframe> 欣赏学习！歌词乱码了。;P 寒冬残荷 发表于 2021-8-28 21:03
欣赏学习！歌词乱码了。
谢谢告知。
这字符集的问题就是麻烦。
<style type="text/css">
#frame5th{width:1000px;height:auto !important;min-height:600px;position:relative; padding:10px;text-align:center; margin: 0px auto; border-style:solid;border-width:1px; background-image:url(https://z3.ax1x.com/2021/08/28/h3WsIg.jpg); background-size:100% 100%; }
#mainFrame{overflow: hidden; margin: 0px auto;background-color:#000000;width:800px;height:600px;position:relative;clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);}
</style>
<div style="position:relative; width:100%;height: 700px;" >
<div id="frame5th">
<div id="mainFrame">
<video src="https://ss2.meipian.me/users/3988504/75d97e80-049c-11ec-9816-c55f3ccebdaf_convert.mp4" loop="loop" autoplay="autoplay"muted type="video/mp4" style="WIDTH: 868px; height:600px;border-radius: 10px;"></video>
</div>
</div></div>
195400 发表于 2021-8-28 21:35
谢谢告知。
这字符集的问题就是麻烦。
找到中画网这里最大的收获就是遇见老师您。知道svg动画有个路径标签，可就是想不出路径如何写，没有那空间想像能力。看到老师这个帖的代码，正是我这几天想的路径问题:lol 欣赏老师佳作，赞一个！ 寒冬残荷 发表于 2021-8-28 22:02
#frame5th{width:1000px;height:auto !important;min-height:600px;position:relative; padding:10px ...
http://www.yinhuabbs.cn/data/attachment/forum/202010/12/172524vwyfy603w3z01f6x.gif
寒冬残荷 发表于 2021-8-28 22:05
找到中画网这里最大的收获就是遇见老师您。知道svg动画有个路径标签，可就是想不出路径如何写，没有那空 ...
这个不是路径而是多边形，路径可以有直线和曲线而多边形只有直线；
这里多边形用到的不是svg而是css，据说css里的是借鉴的svg。
雄鹰翱翔 发表于 2021-8-29 05:32
欣赏老师佳作，赞一个！
http://www.yinhuabbs.cn/data/attachment/forum/201912/21/084215njp5lwls4o0j7pno.gif
并感谢您允许使用您的素材。
195400 发表于 2021-8-29 07:13
这个不是路径而是多边形，路径可以有直线和曲线而多边形只有直线；
这里多边形用到的不是svg而是css，据 ...
呵呵，又说错了。是表达错了;P
是说有关路径的知识。我还是弄清CSS样式（style）的。svg的路径标签是写在svg标签内，clip-path是css 属性。
页:
[1]
2