淘宝店铺左侧慢慢收缩的悬浮导航特效代码

问答

提问

取消

装修经验

淘宝店铺左侧慢慢收缩的悬浮导航特效代码

2014-10-23 04:42:44 4257人阅读

.aaa { width:40px; height:40px; border-radius:3px; overflow:hidden; transition:all 0.3s ; -moz-transition:all 0.3s ; -webkit-transition:all 0.3s ; -o-transition:all 0.3s ; -webkit-transition: all 4s; -o-transition: all 8s; } .bbb { width:40px; color:rgba(255, 255, 255, 0); background:url(http://img03.taobaocdn.com/imgextra/i3/1641185052/TB23GpDaVXXXXX6XpXXXXXXXXXX_!!1641185052.gif) no-repeat; } .ccc { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .ddd { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .eee { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .fff { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .ggg { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .hhh { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .iii { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .jjj { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .kkk { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .lll { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .mmm { width:40px; color:rgba(255, 255, 255, 0); background:#666; } .aaa:hover .bbb { width:150px; color:#FFF; } .aaa:hover .ccc { width:150px; color:#FFF; } .aaa:hover .ddd { width:150px; color:#FFF; } .aaa:hover .eee { width:150px; color:#FFF; } .aaa:hover .fff { width:150px; color:#FFF; } .aaa:hover .ggg { width:150px; color:#FFF; } .aaa:hover .hhh { width:150px; color:#FFF; } .aaa:hover .iii { width:150px; color:#FFF; } .aaa:hover .jjj { width:150px; color:#FFF; } .aaa:hover .kkk { width:150px; color:#FFF; } .aaa:hover .lll { width:150px; color:#FFF; } .aaa:hover .mmm { width:150px; color:#FFF; } a:hover { background:#6C3; } .aaa:hover { height:506px; width:150px; -webkit-transition: all 0.1s; -o-transition: all 0.1s; }