課程
/前端開發(fā)
/CSS3
/css3實現(xiàn)網(wǎng)頁平滑過渡效果
請問老師,如想實現(xiàn)水平移動,改為translateX為什么不行,只有第一頁被水平移動了。
2015-11-21
源自:css3實現(xiàn)網(wǎng)頁平滑過渡效果 2-5
正在回答
因為你如果前面是按照代碼寫的話,按理說其他頁面是縱向在下面被隱藏的,而你要水平移動,當你的頁面在垂直方向,那肯定不能顯示出來了
確實是5個都修改了,只有第一頁被移動,感覺不單是改成translateX的問題,感覺仿佛一個縱五頁只能上下移動似得
因為只設(shè)置了一項,總共五項呢
#st-control-1:checked ~.st-scroll
#st-control-2:checked ~.st-scroll
#st-control-3:checked ~.st-scroll
#st-control-4:checked ~.st-scroll
#st-control-5:checked ~.st-scroll
舉報
CSS3 打造頁面之間的平滑過渡效果,帶來神奇的體驗
1 回答滑動無法實現(xiàn)
2 回答老師,請問要實現(xiàn)沿X軸滑動(左右滑動)如何修改?
3 回答怎么實現(xiàn)全屏?
1 回答頁面平滑過渡是只針對PC端嗎
4 回答鼠標滑動的時候就會出現(xiàn)混亂錯誤
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-07-30
因為你如果前面是按照代碼寫的話,按理說其他頁面是縱向在下面被隱藏的,而你要水平移動,當你的頁面在垂直方向,那肯定不能顯示出來了
2015-11-21
確實是5個都修改了,只有第一頁被移動,感覺不單是改成translateX的問題,感覺仿佛一個縱五頁只能上下移動似得
2015-11-21
因為只設(shè)置了一項,總共五項呢
#st-control-1:checked ~.st-scroll
#st-control-2:checked ~.st-scroll
#st-control-3:checked ~.st-scroll
#st-control-4:checked ~.st-scroll
#st-control-5:checked ~.st-scroll