Team:HZAU-China

From 2013.igem.org

(Difference between revisions)
Line 52: Line 52:
     -o-transition:1.5s;
     -o-transition:1.5s;
     -webkit-transition:1.5s;
     -webkit-transition:1.5s;
-
     background-color:#b4c3a6;
+
     background-color:#91cd02;
-
     border:1px solid #b4c3a6;
+
     border:1px solid #91cd02;
     color:#FFF;
     color:#FFF;
     display:block;
     display:block;
Line 63: Line 63:
.nav li:hover > a {
.nav li:hover > a {
     background:#50524a;
     background:#50524a;
-
     border-color:#b4c3a6;
+
     border-color:#50524a;
     color:#fff;
     color:#fff;
}
}
Line 92: Line 92:
}
}
.nav ul li a {
.nav ul li a {
-
     background:#b4c3a6;
+
     background:#50524a;
-
     border-color:#a8b8b8;
+
     border-color:#50524a;
     color:#fff;
     color:#fff;
     line-height:1px;
     line-height:1px;
Line 105: Line 105:
}
}
.nav ul li a:hover {
.nav ul li a:hover {
-
     background:#8CCA33;
+
     background:#91cd02;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
     background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
     background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
     background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));

Revision as of 09:35, 13 July 2013






jquery动态导航菜单效果