每个P的平移动画
为什么每个P都只能一个一个进来，却不能一个一个出去，而是一下子全部消失了
.test1 figcaption p:nth-of-type(1){transition-delay:0.05s}
.test1 figcaption p:nth-of-type(2){transition-delay:0.1s}
.test1 figcaption p:nth-of-type(3){transition-delay:0.15s}
任性不是罪
2016-04-07
1 回答
需要在p不是hover状态的时候同样设置transition属性，这样就不是同时全部消失了
.test1 p {
transform: translate(-150px, 0);
transition: all 1s;
}
.test1:hover p {
transform: translate(0, 0);
transition: all 1s;
}
.test1 p:nth-of-type(1){transition-delay:0.1s}
.test1 p:nth-of-type(2){transition-delay:0.5s}
.test1 p:nth-of-type(3){transition-delay:0.9s}
举报
0/150
提交
取消
