From 091a01bbaac360b8eabc2e98f366bef971687a30 Mon Sep 17 00:00:00 2001 From: George Michael Brower Date: Tue, 25 Jan 2011 15:24:35 -0700 Subject: [PATCH] CSS3 hover transitions --- controllers/controller.number.js | 2 -- gui.css | 16 +++++++++++++--- 2 files changed, 13 insertions(+), 5 deletions(-) diff --git a/controllers/controller.number.js b/controllers/controller.number.js index d9e45e6..169546b 100644 --- a/controllers/controller.number.js +++ b/controllers/controller.number.js @@ -100,8 +100,6 @@ var NumberController = function() { var dy = py - y; var newVal = _this.getValue() + dy*step; _this.updateValue(newVal); - - console.log(newVal); return false; } diff --git a/gui.css b/gui.css index 12a86cb..005ec90 100644 --- a/gui.css +++ b/gui.css @@ -51,6 +51,15 @@ background-color: #111; } +.guidat-controller, +.guidat-controller input, +.guidat-slider-bg, +.guidat-slider-fg { + -moz-transition: background-color 0.15s linear; + -webkit-transition: background-color 0.15s linear; + transition: background-color 0.15s linear; +} + .guidat-controller.boolean:hover, .guidat-controller.function:hover { background-color: #000; @@ -124,12 +133,13 @@ width: 53%; } -.guidat-slider-bg:hover { +.guidat-slider-bg:hover, +.guidat-slider-bg.active { background-color: #444; } -.guidat-slider-bg:hover -.guidat-slider-fg { +.guidat-slider-bg:hover .guidat-slider-fg, +.guidat-slider-bg.active .guidat-slider-fg { background-color: #52c8ff; }