-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
71 lines (48 loc) · 1.52 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="description" content="iToggle - Simple, iOS8 like CSS3 toggle buttons.">
<title>tarikozket/iToggle</title>
<link href="iToggle.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body style="padding: 0; margin: 0;">
<br>
<br>
<pre style="max-width: 650px; margin: 0 auto; padding: 20px 50px; background: #f5f5f5;">
Usage:
1) Import iToggle.css to your page.
2) Then add checkbox and label:
<input class="itoggle" type="checkbox" id="toggle" name="toggle">
<label for="toggle"></label>
</pre>
<br>
<br>
<br>
<center>
Demo:
<br>
<input class="itoggle" type="checkbox" id="toggle" name="toggle">
<label for="toggle"></label>
<input class="itoggle" type="checkbox" id="toggle2" name="toggle">
<label for="toggle2"></label>
<input class="itoggle" type="checkbox" id="toggle3" name="toggle">
<label for="toggle3"></label>
<input class="itoggle" type="checkbox" id="toggle4" name="toggle">
<label for="toggle4"></label>
<input class="itoggle" type="checkbox" id="toggle5" name="toggle">
<label for="toggle5"></label>
<input class="itoggle" type="checkbox" id="toggle6" name="toggle">
<label for="toggle6"></label>
</center>
<br>
<br>
<br>
<pre style="max-width: 650px; margin: 0 auto; padding: 20px 50px; background: #f5f5f5;">
Works with:
Chrome v37
Firefox v31
Internet Explorer 9+
</pre>
</body>
</html>