diff --git a/angular-toggle-switch.css b/angular-toggle-switch.css index 9a430ab..3ba1557 100644 --- a/angular-toggle-switch.css +++ b/angular-toggle-switch.css @@ -43,11 +43,18 @@ z-index: 100; } -.toggle-switch .switch-on { +.toggle-switch-animate { + transition: left 0.5s; + -o-transition: left 0.5s; + -moz-transition: left 0.5s; + -webkit-transition: left 0.5s; +} + +.toggle-switch.switch-on .toggle-switch-animate { left: 0%; } -.toggle-switch .switch-off { +.toggle-switch.switch-off .toggle-switch-animate { left: -50% } @@ -64,10 +71,3 @@ color: #333; background: #f0f0f0; } - -.toggle-switch-animate { - transition: left 0.5s; - -o-transition: left 0.5s; - -moz-transition: left 0.5s; - -webkit-transition: left 0.5s; -} diff --git a/angular-toggle-switch.js b/angular-toggle-switch.js index 97fb3cd..e1ad7a3 100644 --- a/angular-toggle-switch.js +++ b/angular-toggle-switch.js @@ -27,17 +27,17 @@ offLabel: '@', knobLabel: '@' }, - template: '