OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <style> | 3 <style> |
4 input { | 4 input { |
5 margin: 4px; | 5 margin: 4px; |
6 } | 6 } |
7 </style> | 7 </style> |
8 | 8 |
9 <!-- no style for reference --> | 9 <!-- no style for reference --> |
10 <input type="radio"> | 10 <input type="radio"> |
11 <input type="radio" checked> <br> | 11 <input type="radio" name="group"> |
| 12 <input type="radio" name="group" checked> <br> |
12 | 13 |
13 <!-- border --> | 14 <!-- border --> |
14 <input type="radio" style="border: 3px solid lime;"> | 15 <input type="radio" style="border: 3px solid lime;"> |
15 <input type="radio" style="border-radius: 6px;"> <br> | 16 <input type="radio" style="border-radius: 6px;"> <br> |
16 | 17 |
17 <!-- background --> | 18 <!-- background --> |
18 <input type="radio" style="background: linear-gradient(to bottom, #dea 0%,#9c7 4
4%,#494 100%);"> <br> | 19 <input type="radio" style="background: linear-gradient(to bottom, #dea 0%,#9c7 4
4%,#494 100%);"> <br> |
19 | 20 |
20 <!-- shadow --> | 21 <!-- shadow --> |
21 <input type="radio" style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px
4px 4px rgba(0,255,0,0.5);"> <br> | 22 <input type="radio" style="box-shadow: 4px 4px 10px rgba(255,0,0,0.5), inset 4px
4px 4px rgba(0,255,0,0.5);"> <br> |
22 | 23 |
23 <!-- size --> | 24 <!-- size --> |
24 <input type="radio" style="width: 8px; height; 8px;"> | 25 <input type="radio" style="width: 8px; height; 8px;"> |
25 <input type="radio" style="width: 16px; height; 16px;"> | 26 <input type="radio" style="width: 16px; height; 16px;"> |
26 <input type="radio" style="width: 24px; height; 24px;"> <br> | 27 <input type="radio" style="width: 24px; height; 24px;"> <br> |
27 | 28 |
28 <!-- zoom --> | 29 <!-- zoom --> |
29 <input type="radio" style="zoom: 1.5;"> | 30 <input type="radio" style="zoom: 1.5;"> |
30 <input type="radio" style="zoom: 2;"> <br> | 31 <input type="radio" style="zoom: 2;"> <br> |
31 </body> | 32 </body> |
OLD | NEW |