为什么不使用旋转+位移,两个分别写为什么不生效

来源:2-13 编程练习

临溪而渔wml

2021-09-06 10:42:25

.star:after {

            content'';

            displayblock;

            width0;

            height0;

            border-left26px solid transparent;

            border-right26px solid transparent;

            border-top16px solid yellow;

            transformrotate(-146deg);

            positionabsolute;

            left-25px;

            top-16px;

            /*transform:translate(-20px,20px);*/

        }


写回答

1回答

好帮手慕慕子

2021-09-06

同学你好,因为设置旋转和位移效果,是使用同一个属性,即:transform,所以分开写时,同名属性后面的会覆盖前面的,导致代码中设置的旋转没有生效。

想要同时设置旋转和位移效果,需要写在一起,示例:

https://img.mukewang.com/climg/613582250952580a07520427.jpg

​祝学习愉快~

1

0 学习 · 17877 问题

查看课程