css 制作三角形，当鼠标悬停时三角形旋转
工具/原料
编程开发工具
方法/步骤
1
通过对块级元素设置border实现三角形，效果如图，鼠标悬停三角形就旋转（旋转多少度，修改对应数字即可）
3
第二步原理：想留下哪个方向的三角形，就将相邻两边背景的透明度设置为0，将对边删除（对边不设置为透明，直接删除原因是：如果有要求旋转，而旋转是以整体的中心点旋转，删除对边旋转会以该三角形的中心旋转，不删除则会以该三角形的三角尖点旋转）源码：width: 0px; height: 0px; border-top: 50px solid rgba(0,0,0,0); border-left: 50px solid skyblue; border-bottom: 50px solid rgba(0,0,0,0);
4demo
第三步原理：旋转（transition + hover）源码：
下一篇：橡皮章三角留白刻法