俗话说，网店装修要高端大气上档次，低调奢华有内涵，奔放洋气有深度，简约时尚国际范，低端粗俗甩节操，狂拽帅气吊炸天。怎么做到?找甩手啊!今天小编是费尽心思，为大家搜罗来了CSS导航分类翻滚特效网店装修代码，大家注意，可是带特效的哦!另外要提醒大家，本代码是通过导航CSS实现的，模板样式注意选择红色的。

.skin-box-bd .menu-list{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .link{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .menu-list .menu-selected .link .title{background:url(/imgextra/i2/1916485983/T2zxO_XCXXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .all-cats .all-cats-trigger{margin:0px;padding:0px;background:none;}.skin-box-bd .all-cats .all-cats-trigger .link .title{display:none;}.skin-box-bd .all-cats .all-cats-trigger .link .popup-icon{display:none;}.all-cats{background:none;max-width:300px;_width:300px;}.menu-list{background:none;width:700px;}.skin-box-bd .all-cats .all-cats-trigger .link{width:190px;margin:0px;padding:0px;border:none;display:block;background:no-repeat url(/imgextra/i1/1916485983/T29L1.XrlXXXXXXXXX_!!1916485983.jpg);}.skin-box-bd .all-cats .all-cats-trigger .link:hover{background-position:0px -30px;}.menu-list .menu a{position:relative;-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out;}.menu-list .menu:hover a{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}.all-cats-popup{width:186px;height:auto;margin:0px;padding:0px;background:#FFFFFF;border-color:#C20404;}.all-cats-popup .popup-inner{width:190px;height:auto;margin:0px;padding:0px;}.all-cats-popup .popup-inner .cats-tree{width:190px;height:auto;margin:0px;padding:0px;display:block;opacity:0.9;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd .fst-cat-name{width:176px;height:30px;margin:0px 0px 0px 10px;padding:0px;display:block;float:left;line-height:30px;font-family:微软雅黑font-size:13px;color:#C20404;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd{width:188px;height:30px;margin:0px;padding:0px;display:block;background:none;}.all-cats-popup .popup-inner .cats-tree .fst-cat{width:186px;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd:hover{background:#C20404;}.all-cats-popup .popup-inner .cats-tree .fst-cat .fst-cat-hd:hover .fst-cat-name{color:#FFFFFF;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop{width:190px;height:auto;margin:0px;padding:0px;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner{width:190px;height:auto;margin:0px;padding:0px;border:2px solid #C20404;opacity:0.9;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd{width:190px;height:auto;margin:0px;padding:0px;display:block;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat{width:190px;height:auto;margin:0px;padding:0px;display:block;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd{width:190px;height:30px;margin:0px;padding:0px;display:block;background:#C20404;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd:hover{background:#FFFFFF;}.all-cats-popup .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd:hover .snd-cat-name{color:#000000;}