boblemarin · December 10, 2012 08:37
diff --git a/dabblet.css b/dabblet.css
 /*
 * La technique de la checkbox
 **/

 input[type="checkbox"] {
 	display: none;
 } 

 .truc1label {
 	display: block;
 	background: #474;
 	width: 100px;
 	color: white;
 	-webkit-transition: all .5s ease-out;
 	padding: 2em;
 }

 #truc1:checked + .truc1label {
 	width: 200px;
 	background: #8F8;
 }
diff --git a/dabblet.html b/dabblet.html
 <input type="checkbox" id="truc1">
 <label for="truc1" class="truc1label">label</label>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/*
	* La technique de la checkbox
	**/

	input[type="checkbox"] {
	display: none;
	}

	.truc1label {
	display: block;
	background: #474;
	width: 100px;
	color: white;
	-webkit-transition: all .5s ease-out;
	padding: 2em;
	}

	#truc1:checked + .truc1label {
	width: 200px;
	background: #8F8;
	}
	<input type="checkbox" id="truc1">
	<label for="truc1" class="truc1label">label</label>