vodin26 · April 7, 2015 20:44
diff --git a/mac_button.html b/mac_button.html
 <!doctype html>
 <title>Example</title>
 <script src=uilang.js></script>

 <style>
  #switch, #circle {
    transition: .4s
  }
  #switch {
    background: #FAFAFB /* gray */
  }
  #switch.active {
    background: #52D468 /* green */
  }
  #circle {
    width: 50%
  }
  #switch.active #circle {
    transform: translateX(100%)
  }
 </style>

 <div id=switch>
  <div id=circle></div>
 </div>

 <code>
  clicking on "#switch" toggles class "active" on "#switch"
 </code>
	<!doctype html>
	<title>Example</title>
	<script src=uilang.js></script>

	<style>
	#switch, #circle {
	transition: .4s
	}
	#switch {
	background: #FAFAFB /* gray */
	}
	#switch.active {
	background: #52D468 /* green */
	}
	#circle {
	width: 50%
	}
	#switch.active #circle {
	transform: translateX(100%)
	}
	</style>

	<div id=switch>
	<div id=circle></div>
	</div>

	<code>
	clicking on "#switch" toggles class "active" on "#switch"
	</code>