为什么不使用旋转+位移,两个分别写为什么不生效
来源:2-13 编程练习
临溪而渔wml
2021-09-06 10:42:25
.star:after {
content: '';
display: block;
width: 0;
height: 0;
border-left: 26px solid transparent;
border-right: 26px solid transparent;
border-top: 16px solid yellow;
transform: rotate(-146deg);
position: absolute;
left: -25px;
top: -16px;
/*transform:translate(-20px,20px);*/
}
1回答
好帮手慕慕子
2021-09-06
同学你好,因为设置旋转和位移效果,是使用同一个属性,即:transform,所以分开写时,同名属性后面的会覆盖前面的,导致代码中设置的旋转没有生效。
想要同时设置旋转和位移效果,需要写在一起,示例:

祝学习愉快~
相似问题