OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .target { | 4 .target { |
5 width: 120px; | 5 width: 120px; |
6 height: 120px; | 6 height: 120px; |
7 display: inline-block; | 7 display: inline-block; |
8 border: 2px solid black; | 8 border: 2px solid black; |
9 background-repeat: no-repeat; | 9 background-repeat: no-repeat; |
10 background-image: radial-gradient(20px circle at 20px 20px, red 18px, transpar
ent), | 10 background-image: radial-gradient(20px circle at 20px 20px, red 18px, transpar
ent), |
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
60 {at: -0.25, is: '-10px -10px, 80px -20px, 0px -20px, 90px -10px'}, | 60 {at: -0.25, is: '-10px -10px, 80px -20px, 0px -20px, 90px -10px'}, |
61 {at: 0, is: ' 0px 0px, 80px 0px, 0px 0px, 80px 0px'}, | 61 {at: 0, is: ' 0px 0px, 80px 0px, 0px 0px, 80px 0px'}, |
62 {at: 0.25, is: ' 10px 10px, 80px 20px, 0px 20px, 70px 10px'}, | 62 {at: 0.25, is: ' 10px 10px, 80px 20px, 0px 20px, 70px 10px'}, |
63 {at: 0.5, is: ' 20px 20px, 80px 40px, 0px 40px, 60px 20px'}, | 63 {at: 0.5, is: ' 20px 20px, 80px 40px, 0px 40px, 60px 20px'}, |
64 {at: 0.75, is: ' 30px 30px, 80px 60px, 0px 60px, 50px 30px'}, | 64 {at: 0.75, is: ' 30px 30px, 80px 60px, 0px 60px, 50px 30px'}, |
65 {at: 1, is: ' 40px 40px, 80px 80px, 0px 80px, 40px 40px'}, | 65 {at: 1, is: ' 40px 40px, 80px 80px, 0px 80px, 40px 40px'}, |
66 {at: 1.25, is: ' 50px 50px, 80px 100px, 0px 100px, 30px 50px'}, | 66 {at: 1.25, is: ' 50px 50px, 80px 100px, 0px 100px, 30px 50px'}, |
67 ]); | 67 ]); |
68 </script> | 68 </script> |
69 </body> | 69 </body> |
OLD | NEW |