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

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

谢谢老师！

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

寒冬残荷 发表于 2021-10-24 13:11
老师，您的这个代码一看就可以看出是十二边形的（从路径的十二组数字看出），但版主的我就看不出，所以我 ...


<div style="width:480px;height:480px;overflow:hidden;border:thick blue solid;">
<div style="width:480px;height:480px; background-image:url(http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg) ;background-repeat:no-repeat;background-position:50% center;transform:rotate(-60deg);">
</div>
</div>
转一下切掉四个角成了八边形
<br>
<div style="width:480px;height:480px;overflow:hidden;border:thick blue solid;">
<div style="width:480px;height480px;overflow:hidden;transform: rotate(-60deg);margin;200px auto;">
<div style="width:480px;height:480px; background-image:url(http://www.yinhuabbs.cn/data/attachment/forum/201912/10/201654rahpc0excbtsfmpa.jpg) ;background-repeat:no-repeat;background-position:50% center;transform:rotate(-60deg);">
</div>
</div>
</div>
再转一下又切掉四个角成了十二边形
<br>
<div style="width:480px;height:480px;overflow:hidden;border:thick blue solid;">
<div style="width:480px;height480px;overflow:hidden;transform: rotate(120deg);">
<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-repeat:no-repeat;background-position:50% center;transform:rotate(-60deg);">
</div>
</div></div>
</div>
最后转一下，回正。

杨子 发表于 2021-10-26 18:53

欣赏了漂亮

雄鹰翱翔 发表于 2021-10-27 05:01

195400 发表于 2021-10-24 15:10
转一下切掉四个角成了八边形




，老师厉害，欣赏了谢谢！

雄鹰翱翔 发表于 2021-10-27 05:01

杨子 发表于 2021-10-26 18:53
欣赏了漂亮

谢谢您的光临与支持！

醉美水芙蓉 发表于 2021-10-30 17:30

欣赏老师佳作！

雄鹰翱翔 发表于 2021-11-1 08:04

醉美水芙蓉 发表于 2021-10-30 17:30
欣赏老师佳作！

谢谢您的光临与支持！
页: 1 [2]
查看完整版本: 《片片枫叶情》