Permalink
Browse files

give buttons a depressed style when clicked

  • Loading branch information...
1 parent b289881 commit fb5bec923dfac63fb5a5557244a7193108060245 @jakesgordon committed May 22, 2011
Showing with 7 additions and 12 deletions.
  1. +0 −5 README.md
  2. +7 −7 stars.css
View
@@ -8,10 +8,5 @@ This is a small experiment to implement a starfield in an HTML <canvas>.
TODO
====
- * faster rendering
- * keyboard interaction
- - speed up, slow down
- - more/less stars
- * css animation/transition on button press ?
* 3d mode
* background nasa nebula picture ?
View
@@ -2,11 +2,11 @@ body { background-color: black; color: #AAA; font-size: 12pt; padding: 0
#unsupported { border: 1px solid yellow; color: black; background-color: #FFFFAD; padding: 2em; margin: 1em; display: inline-block; }
#stars { display: block; margin: auto; }
-#controls { position: absolute; display: inline-block; width: 90px; height: 90px; }
-#controls img { cursor: pointer; }
-#controls #up { position: absolute; left: 30px; top: 0px; }
-#controls #down { position: absolute; left: 30px; top: 60px; }
-#controls #left { position: absolute; left: 0px; top: 30px; }
-#controls #right { position: absolute; left: 60px; top: 30px; }
-
+#controls { position: absolute; display: inline-block; width: 90px; height: 90px; }
+#controls img { cursor: pointer; }
+#controls img:active { margin-top: 2px; margin-left: 2px; opacity: 0.5; }
+#controls #up { position: absolute; left: 30px; top: 0px; }
+#controls #down { position: absolute; left: 30px; top: 60px; }
+#controls #left { position: absolute; left: 0px; top: 30px; }
+#controls #right { position: absolute; left: 60px; top: 30px; }

0 comments on commit fb5bec9

Please sign in to comment.