css 向上滑动并向下滑动过渡效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 向上滑动并向下滑动过渡效果相关的知识,希望对你有一定的参考价值。

/* slider in open state */
.slider {
	overflow-y: hidden;
	max-height: 500px; /* approximate max height */

	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

/* close it with the "closed" class */
.slider.closed {
	max-height: 0;
}

以上是关于css 向上滑动并向下滑动过渡效果的主要内容,如果未能解决你的问题,请参考以下文章

为响应式导航菜单添加向下滑动效果

移动端的一个js效果:手滑动向上向下滚动li标签

Angularjs ng-animate + css 过渡实现滑动效果

css3平滑过渡效果怎么让宽度向左滑动

使用 CSS 过渡的滑动 + 淡入淡出效果

如何在jQuery Mobile中向上滑动并向下滑动事件? [重复]