web前端|css教程
css3,横向滚动,按钮
web前端-css教程
分享基于css3实现精美的横向滚动菜单按钮，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
当乐 源码,vscode扩展插件maven,lnmp ubuntu,tomcat6内存设置,短网址生成还原sqlite,平湖网页设计,mysql数据库介绍及优缺点,阿里云服务器 备案,js翻书效果插件,主流web前端技术框架教程,爬虫软件官方下载,php 复制文件,学seo技术,springboot建项目,dedecms 调用标签,竞拍网站源码,微信html5网页 源代码,免费购物网站模板,laravel 后台模板,layer弹出页面,教学管理系统源码,易语言控制台程序清屏lzw
废话不多说，直接上图：
免费友情链接网php源码,zc706 ubuntu,国外爬虫繁殖基地,arg() php,seo秒拍lzw
终结者指标源码,ubuntu设置功能栏,tomcat服务文件夹,爬虫代码源,自学php开发,大足区一站式seo推广lzw
然后是代码：
Home Chat About
CSS:
ul{list-style:none;} ul li a{ display:block; width:40px; height:40px; background:rgb(208,165,37); margin-top:10px; text-decoration:none; line-height:40px; position:relative; } ul li a span{ width:0; height:40px; display:block; visibility:hidden; overflow:hidden; font-weight:bold; position:absolute; left:40px; transition:all 0.3s; } ul li .a1 span{background:rgb(30,139,180);} ul li .a2 span{background:rgb(125,163,23);} ul li .a3 span{background:rgb(175,30,131);} ul li a:hover span{visibility:visible; width:auto; padding:0 20px;}
为了便于阅读特别优化了一下代码，主要涉及到：
CSS3动画 (transtion)
元素的隐藏 (overflow / visibility)
