CSS过渡解决了方向问题
|
我第一次尝试CSS过渡是使用类似于iOS的滑动面板系统。除面板外，所有其他组件都向左滑动，并从左滑动。我使用的是iOS样式的滑块，其中一个面板向左滑动，另一个面板从右滑动，如果一个面板向后滑动，则相反。
#container{
position: relative;
overflow: hidden;
width: 250px;
}
.panel{
position: absolute;
overflow: hidden;
top: 0;
left: 250px;
width: 250px;
max-height: 0;
-webkit-transition: left .25s linear, max-height .25s linear;
-moz-transition: left .25s linear, max-height .25s linear;
-o-transition: left .25s linear, max-height .25s linear;
transition: left .25s linear, max-height .25s linear;
display:block;
}
.panel:target{
left: 0px;
max-height: 9999px;
position: relative;
}
没有找到相关结果
已邀请:
1 个回复
勺的驴吓识