Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 216: Line 216:
.nav:hover > img{
.nav:hover > img{
 +
/**for spin animation
-webkit-animation:spin 0.5s linear;
-webkit-animation:spin 0.5s linear;
-moz-animation:spin 0.5s linear;
-moz-animation:spin 0.5s linear;
animation:spin 0.5s linear;
animation:spin 0.5s linear;
 +
**/
transform: scale(1, 1.5);
transform: scale(1, 1.5);
Line 227: Line 229:
}
}
-
+
//for spin animation
-
+
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

Revision as of 14:59, 25 July 2014

Parallax Test

Parallax 2 Use arrow keys to move through slider -> I'll get mouse controls working in a bit
There's no parallax effect right now... It's giving me some trouble Also all the colors and images are temporary ->
General page layout coming soon ...and the hprac page that I keep forgetting to work on