css样式练习
地址：https://cssbattle.dev/play/112
解决思路
把一个正方形用css样式写成一个长方形，再通过css样式写成梯形（不会，上百度查找答案），然后调整角度，浮动到指定位置
难点
- 如何用css画棱形
skew：拉伸变换
解决：参考地址：https://blog.csdn.net/sinat_33255495/article/details/125144900
问题和解决
不会用css画梯形
transform: perspective(.5em) rotatex(5deg);画好梯形后，如何旋转角度
使用切角方法：background: linear-gradient(-135deg, transparent 30px, #293D7E 0);
再旋转：transform: rotate(-45deg);为什么没有使用切角的方案去尝试？
固定思维，不愿意去尝试新的方法切角的原理是什么？
通过角度渐变实现，将渐变开始部分设置成透明角度的旋转方向
transform: rotate(45deg);
顺时针旋转角度逆时针旋转
transform: rotate(-45deg);
总结
- 用时：
可以提高的地方
transform的用法，角度旋转方向，旋转原点设置