菱形图片

样例:

　　

 

第一种实现方式: 　　主要是通过内容区溢出以及图片的旋转进行变换

 

　　

代码示例:

 

 

 

 

 

 

 

第二种实现方式:     简单的API

　　clip-path: polygon()

 

 

 

 

 

 

 

 

 

 

　　

posted @ 2020-11-01 23:06  0龙行者0  阅读(401)  评论(0)  编辑  收藏  举报