課程
/前端開發(fā)
/CSS3
/css3實現(xiàn)網(wǎng)頁平滑過渡效果
我按了按鈕以后無法進行頁面的跳轉(zhuǎn),根本沒有改變,但是視頻上面就可以s-control-2對應到s-panel-2等等的。
2018-04-05
源自:css3實現(xiàn)網(wǎng)頁平滑過渡效果 2-3
正在回答
#st-control-1:checked ~ .st-scroll{
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
#st-control-3:checked ~ .st-scroll{
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-o-transform: translateY(-200%);
-moz-transform: translateY(-200%);
transform: translateY(-200%);
#st-control-4:checked ~ .st-scroll{
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
-o-transform: translateY(-300%);
-moz-transform: translateY(-300%);
transform: translateY(-300%);
#st-control-5:checked ~ .st-scroll{
-webkit-transform: translateY(-400%);
-ms-transform: translateY(-400%);
-o-transform: translateY(-400%);
-moz-transform: translateY(-400%);
transform: translateY(-400%);
這個是切換的代碼? ?你看看你是不是寫錯了
舉報
CSS3 打造頁面之間的平滑過渡效果,帶來神奇的體驗
2 回答求解,為什么我的代碼不能實現(xiàn)跳轉(zhuǎn)呢?反復對照視頻,確定代碼是一樣的啊
1 回答頁面不跳轉(zhuǎn),P,H2的動畫不出來
7 回答點擊按鈕為什么頁面沒有跳轉(zhuǎn)呢?是什么地方錯誤了?
2 回答能提供源代碼,為什么寫的input radio 不互斥了
7 回答h2為什么按照這個代碼寫完,沒有效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2018-05-26
#st-control-1:checked ~ .st-scroll{
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
#st-control-3:checked ~ .st-scroll{
-webkit-transform: translateY(-200%);
-ms-transform: translateY(-200%);
-o-transform: translateY(-200%);
-moz-transform: translateY(-200%);
transform: translateY(-200%);
}
#st-control-4:checked ~ .st-scroll{
-webkit-transform: translateY(-300%);
-ms-transform: translateY(-300%);
-o-transform: translateY(-300%);
-moz-transform: translateY(-300%);
transform: translateY(-300%);
}
#st-control-5:checked ~ .st-scroll{
-webkit-transform: translateY(-400%);
-ms-transform: translateY(-400%);
-o-transform: translateY(-400%);
-moz-transform: translateY(-400%);
transform: translateY(-400%);
}
這個是切換的代碼? ?你看看你是不是寫錯了