<head>
<style>
* {
margin: 0
padding: 0
box-sizing: border-box
}
div{
width: 300px
height: 300px
transition: all 2s
background: #3ff
}
div:hover{
transform: rotateZ(45deg)
}
</style>
</head>
<div></div>
用canvas，画矩形的方法是rect，四个参数就是输入的四个坐标，当然也可以用画线段的方式画出来。旋转的话canvas也支持rotate方法，参数是45deg就可以了，跟CSS3差不多的使用方法。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）