纯CSS-3D分页效果

来源:https://www.sucaihuo.com/js/1967.html 2017-05-18 19:32浏览(590) 收藏

一款简单实用的纯CSS-3D分页效果,按钮按下或松开的时候样式是有变化的,整体的立体感还是比较强的。
纯CSS-3D分页效果
分类:html/css > 分页 难易:
查看演示 下载资源 下载积分: 20 积分

页面开头只需要引入一个CSS样式page.css,然后在body里面设置好分页容器和按钮即可,按钮的颜色、阴影等都可以自行调整。

<link type="text/css" rel="stylesheet" href="css/pages.css">
<ul id="menu">
	<li><a href="#">首页</a></li>
	<li><a href="#">1</a></li>
	<li><a href="#">2</a></li>
	<li><a href="#">3</a></li>
	<li><a href="#">4</a></li>
	<li><a href="#">5</a></li>
	<li><a href="#">6</a></li>
	<li><a href="#">尾页</a></li>
</ul>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2