下拉菜单模拟效果图： CSS3： style#box { width : 200px ; height : 50px ; overflow : hidden ; cursor : pointer ; transition : all 0.35s ;} #box:hover { height : 250px ;} #box ul { list-style : none ; margin : 0 ; padding : 0 ;} #box ul li {
下拉菜单模拟效果图：
CSS3：
<style> #box{width:200px; height:50px; overflow:hidden; cursor: pointer; transition: all 0.35s;} #box:hover{height:250px;} #box ul{list-style:none; margin:0; padding:0;} #box ul li{width:198px; height:48px; line-height: 50px; text-align: center; border:1px red solid; background:#000000; color:white;} </style>
HTML：
This's 1This's 2This's 3This's 4This's 5
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
CSS3 旋转的八卦图 - 胡樟军
2017-04-07 17:01
css3实现圆角边框渐变 - 就只是小茗
2017-03-08 15:00
Css3中拖拽效果的实例(带有注释~欢迎指教) - 一混五六年
2017-03-04 10:00
立体骰子（css3和js） - 柿子橙
2017-02-26 14:00
网友点评
精彩导读
热门资讯
关注我们
