注意∶
1.同时使用多个转换,其格式为: transform:translate() rotate() scale() ...等,
2.其顺序会影转换的效果。(先旋转会改变坐标轴方向)
3.当我们同时有位移和其他属性的时候,记得要将位移放到最前,顺序不能岁随意更改否则效果无法展示
<style>
div{
width: 100px;
height: 100px;
background-color: pink;
transition: all 1s;
}
div:hover{
transform:translate(100px,100px) rotate(330deg) scale(2);
background-color: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)