微信小程序样式旋转

相关文档：http://www.w3school.com.cn/cssref/pr_transform.asp

index.wxss文件

注意：如果是web前端，要注意浏览器的兼容性

.x1{

width: 46rpx;//元素的宽

height: 40rpx;//元素的高

top: 82rpx;//元素距离顶部的距离

left:315rpx;//元素距离左边的距离

transform-origin:50% 50%;//设置元素旋转的基本点

position: absolute;

transform: rotate(30deg);//30是元素旋转的度数

}

.x2{

width: 46rpx;

height: 40rpx;

top: 130rpx;

left:365rpx;

transform-origin:50% 50%;

position: absolute;

transform: rotate(60deg);

}

.x3{

width: 46rpx;

height: 40rpx;

top: 190rpx;

left:384rpx;

transform-origin:50% 50%;

position: absolute;

transform: rotate(90deg);

}

.x4{

width: 4