Team:Cornell/sandbox

(Difference between revisions)

Revision as of 14:48, 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

@@ Line 216: / Line 216: @@
 			.nav:hover > img{
-				transform: rotate(345deg);
+				-webkit-animation:spin 4s linear infinite;
-				-ms-transform: rotate(345deg); /* IE 9 */
+				-moz-animation:spin 4s linear infinite;
-				-webkit-transform: rotate(345deg); /* Safari and Chrome */
+				animation:spin 4s linear infinite;
-				-o-transform: rotate(345deg); /* Opera */
-				-moz-transform: rotate(345deg); /* Firefox */
 			}
+			@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
+			@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
+			@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
 			.nav span{