每個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 回答
舉報
0/150
提交
取消
2016-04-08
? ? 需要在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}