最常见的情况是这样的:
transition: background-color 0.2s,
transform 1s;
但我想指定由转换控制的转换属性,例如
transition: transform scale 1s,
transform skew 0.5s,
transform rotate 2s;
我试过了,没用。
最佳答案
使用animation
代替transition
并设置所有时间(1s
+0.5s
+2s
) 并在 @keyframes
中将其划分为您要为每个 transform
属性设置的时间
div{
width: 100px;
height: 100px;
background: red;
}
div:hover{
animation: move 2.5s;
}
@keyframes move {
0% {
transform: scale(3);
}
35% {
transform: scale(3) skew(180deg);
}
50%{
transform: scale(3) skew(180deg) rotate(70deg);
}
}
<div></div>
关于css - 我可以在转换中指定转换属性吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54086769/