library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

CSS3 hover transitions

Browse Source
This commit is contained in:
George Michael Brower 2011-01-25 15:24:35 -07:00
parent ad26e4835a
commit 091a01bbaa
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
controllers/controller.number.js
View File

@ -100,8 +100,6 @@ var NumberController = function() {
var dy = py - y; var dy = py - y;
var newVal = _this.getValue() + dy*step; var newVal = _this.getValue() + dy*step;
_this.updateValue(newVal); _this.updateValue(newVal);
console.log(newVal);
return false; return false;
} }

16
gui.css
View File

@ -51,6 +51,15 @@
background-color: #111; 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.boolean:hover,
.guidat-controller.function:hover { .guidat-controller.function:hover {
background-color: #000; background-color: #000;
@ -124,12 +133,13 @@ width: 53%;
} }
.guidat-slider-bg:hover { .guidat-slider-bg:hover,
.guidat-slider-bg.active {
background-color: #444; background-color: #444;
} }
.guidat-slider-bg:hover .guidat-slider-bg:hover .guidat-slider-fg,
.guidat-slider-fg { .guidat-slider-bg.active .guidat-slider-fg {
background-color: #52c8ff; background-color: #52c8ff;
} }