如何实现APP左右滑动DIV切换或图片滑动CSS

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_41890694/article/details/89092529

如何实现APP左右滑动DIV切换或图片滑动CSS

作者:张国军_Suger
开发工具与关键技术:HBuilderX C#、HTML
        由于之前没有接触过APP之类的项目,今年才开始接触,虽说他和之前所学的知识有点相似,但也是没有完全一样。下面来跟大家解说一下如何通过CSS样式来实现DIV或者图片的左右滑动切换。希望可以帮到您。
实现代码图片
在这里插入图片描述

.function-list {
	border-bottom: 1px solid #efefef;
	padding: 10px;
	display: flex;
	overflow-x: auto;
    overflow-y: hidden;
}
.function-list li {
	width: 100%;
	height: 115px;
	color: #f27d48;
	border-radius: 8%;
	background: #bababa;
	float: left;
	margin: 10px 0 10px 10px;
	min-width: 110px;
}
展开阅读全文

没有更多推荐了,返回首页