雄鹰翱翔 发表于 2021-10-24 07:41

《片片枫叶情》

<div style="LEFT: 45px; WIDTH: 1020px; POSITION: relative; TOP: 10px"><iframe src="http://yzf000319.3vkj.club/2021/htm9/fyqing.htm" scrolling="no" width="900" height="6460" frameborder="0"></iframe></center></div><br /><br /><br /><br /><br /><br /><br />

静竹. 发表于 2021-10-24 09:02

欣赏老师精美的音画制作:《片片枫叶情》!

寒冬残荷 发表于 2021-10-24 09:25

版主早!欣赏《片片枫叶情》的音乐、图片,更欣赏十二边形的代码。这么简单的代码就能得出十二边形,真神奇!

<div style="width:1000px;height:auto !important;min-height:600px;position:relative;margin : 0px auto;">
<div style="width:480px;height480px;overflow:hidden;transform: rotate(120deg);position:absolute; top: 50px;left:50px;">
<div style="width:480px;height480px;overflow:hidden;transform: rotate(-60deg);">
<div style="width:480px;height:480px; background-image: url(http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg) ;
background-size: auto;125% background-repeat:no-repeat;background-position:50% center;transform: rotate(-60deg);">
</div>
</div></div></div>

195400 发表于 2021-10-24 10:15

http://www.yinhuabbs.cn/data/attachment/forum/201804/25/163743hjehxwy3feyxfuuq.gif

195400 发表于 2021-10-24 10:17

寒冬残荷 发表于 2021-10-24 09:25
版主早!欣赏《片片枫叶情》的音乐、图片,更欣赏十二边形的代码。这么简单的代码就能得出十二边形,真神奇 ...


没有最简单,只有更简单
<div style="width:480px;height:480px;overflow:hidden;clip-path: polygon(0 35%, 10% 10%, 35% 0%, 65% 0%, 90% 10%, 100% 35%, 100% 65%, 90% 90%, 65% 100%, 35% 100%, 10% 90%, 0% 65%);margin:12px auto;">
<img src="http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg" style="margin-left:-180px;margin-top:-75px;" />
</div>
<div style="width:480px;height:480px;overflow:hidden;clip-path: polygon(0 35%, 10% 10%, 35% 0%, 65% 0%, 90% 10%, 100% 35%, 100% 65%, 90% 90%, 65% 100%, 35% 100%, 10% 90%, 0% 65%);margin:12px auto;">
<img src="http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg" style="margin-left:-180px;margin-top:-75px;" />
</div>
<br>
<div style="width:480px;height:480px;overflow:hidden;margin:12px auto;
clip-path: polygon(0 35%, 10% 10%, 35% 0, 65% 0, 90% 10%, 100% 35%, 100% 65%, 90% 90%, 65% 100%, 35% 100%, 10% 90%, 0 65%);
background:url(http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg) -200px -80px;"></div>
<div style="width:480px;height:480px;overflow:hidden;margin:12px auto;
clip-path: polygon(0 35%, 10% 10%, 35% 0, 65% 0, 90% 10%, 100% 35%, 100% 65%, 90% 90%, 65% 100%, 35% 100%, 10% 90%, 0 65%);
background:url(http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg) -200px -80px;"></div>

雄鹰翱翔 发表于 2021-10-24 10:20

寒冬残荷 发表于 2021-10-24 09:25
版主早!欣赏《片片枫叶情》的音乐、图片,更欣赏十二边形的代码。这么简单的代码就能得出十二边形,真神奇 ...

谢谢您的光临与支持!

雄鹰翱翔 发表于 2021-10-24 10:20

静竹. 发表于 2021-10-24 09:02
欣赏老师精美的音画制作:《片片枫叶情》!

谢谢您的光临与支持!

雄鹰翱翔 发表于 2021-10-24 10:21

195400 发表于 2021-10-24 10:15


谢谢您的光临与支持!

雄鹰翱翔 发表于 2021-10-24 10:22

195400 发表于 2021-10-24 10:17
没有最简单,只有更简单

这个形状也很漂亮!

寒冬残荷 发表于 2021-10-24 13:11

195400 发表于 2021-10-24 10:17
没有最简单,只有更简单

老师,您的这个代码一看就可以看出是十二边形的(从路径的十二组数字看出),但版主的我就看不出,所以我说神奇。,
页: [1] 2
查看完整版本: 《片片枫叶情》