課程
/前端開發(fā)
/CSS3
/css3實現(xiàn)網(wǎng)頁平滑過渡效果
有多少人做出來了 麻煩亮下代碼 ?我在~st-scroll這個地方卡了 ? 也寫不出效果來
2015-04-19
源自:css3實現(xiàn)網(wǎng)頁平滑過渡效果 2-3
正在回答
是這樣的,我剛才試了試,我們應(yīng)該把<div class="st-scroll">放在<div class="st-container">的下面
我是這么解決的,起初我還以為是波浪線選擇器的問題呢orz
#st-control-1:checked ~ .st-scroll{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
proto
舉報
CSS3 打造頁面之間的平滑過渡效果,帶來神奇的體驗
2 回答#st-control~.scroll #st-panel
1 回答st-scroll不就一個么,為什么一定要指定是“#st-control-:checked ~ .st-scroll #st-panel-5"?
2 回答刪掉st—scroll
6 回答我發(fā)現(xiàn)?#st-control-1:checked ~ .st-scroll不能選擇到 .st-scroll怎么破?
1 回答#st-control-1:checked ~ .st-scroll的選擇是如何實現(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)微信公眾號
2015-05-17
是這樣的,我剛才試了試,我們應(yīng)該把<div class="st-scroll">放在<div class="st-container">的下面
我是這么解決的,起初我還以為是波浪線選擇器的問題呢orz
#st-control-1:checked ~ .st-scroll{
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}