如何解决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;
}
有任何想法吗,
奇妙
解决方法
看看http://css3.bradshawenterprises.com/sliding/。
我将各种面板排成一行,然后在它们之间滑动,如上面的链接所示。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。