1#trigger {
2 display: none;
3}
4.checker {
5 background-image: url(assets/checkboxes.png);
6 background-position: left center;
7 background-size: auto 100%;
8 width: 40px;
9 height: 40px;
10 background-repeat: no-repeat;
11}
12#trigger:checked + .checker {
13 background-position: right center;
14}
15
1<div>Check me!</div>
2<input id="trigger" type="checkbox">
3<label for="trigger" class="checker"></label>
4