Difference between revisions of "Template:Team:WLC-Milwaukee"

Line 47: Line 47:
 
/*-- the # before a name refers to the id (not class) affected; the :hover modifies it to only take effect when the mouse hovers
 
/*-- the # before a name refers to the id (not class) affected; the :hover modifies it to only take effect when the mouse hovers
 
This section uses CSS3 animations to resize the text in the links in a 1 second animation --*/
 
This section uses CSS3 animations to resize the text in the links in a 1 second animation --*/
 
+
#HomeBox:hover, #BackgroundBox:hover, #ProjectBox:hover, #LabBox:hover, #ModelingBox:hover, #HumanPraticesBox:hover, #PeopleBox:hover{
#homeLink:hover{
+
 
/*--webkit is for chrome, opera, and safari--*/
 
/*--webkit is for chrome, opera, and safari--*/
 
     -webkit-animation-name: navHover;
 
     -webkit-animation-name: navHover;
Line 78: Line 77:
 
}
 
}
 
@-webkit-keyframes navHover {
 
@-webkit-keyframes navHover {
     from {color: red;}
+
     from {background: #D1CAB0;}
     to {color: black;}
+
     to {background: #B3B3D7;}
 
}
 
}
 
@-moz-keyframes navHover {
 
@-moz-keyframes navHover {
     from {color: red;}
+
     from {background: #D1CAB0;}
     to {color: black;}
+
     to {background: #B3B3D7;}
 
}
 
}
 
@keyframes navHover {
 
@keyframes navHover {
     from {color: red;}
+
     from {background: #D1CAB0;}
     to {color: black;}
+
     to {background: #B3B3D7;}
 
}
 
}
 +
 
</style>
 
</style>
 
</head>
 
</head>

Revision as of 04:00, 8 July 2015