|
36 | 36 | @keyframes scrollcheck-x { |
37 | 37 | 0% { |
38 | 38 | mask: |
39 | | - linear-gradient(to right, #fff calc(100% - var(--fadeout-width)), transparent), |
40 | | - linear-gradient(to top, #fff var(--guessed-scrollbar-height), transparent var(--guessed-scrollbar-height)); |
| 39 | + linear-gradient(to right, #FFF calc(100% - var(--fadeout-width)), transparent), |
| 40 | + linear-gradient(to top, #FFF var(--guessed-scrollbar-height), transparent var(--guessed-scrollbar-height)); |
41 | 41 | } |
42 | 42 |
|
43 | 43 | 0.01%, 99.99% { |
44 | 44 | mask: |
45 | | - linear-gradient(to right, #fff var(--left-offset), transparent var(--left-offset), #fff calc(var(--left-offset) + var(--fadeout-width)), #fff calc(100% - var(--fadeout-width)), transparent), |
46 | | - linear-gradient(to top, #fff var(--guessed-scrollbar-height), transparent var(--guessed-scrollbar-height)); |
| 45 | + linear-gradient(to right, #FFF var(--left-offset), transparent var(--left-offset), #FFF calc(var(--left-offset) + var(--fadeout-width)), #FFF calc(100% - var(--fadeout-width)), transparent), |
| 46 | + linear-gradient(to top, #FFF var(--guessed-scrollbar-height), transparent var(--guessed-scrollbar-height)); |
47 | 47 | } |
48 | 48 |
|
49 | 49 | 100% { |
50 | 50 | mask: |
51 | | - linear-gradient(to right, #fff var(--left-offset), transparent var(--left-offset), #fff calc(var(--left-offset) + var(--fadeout-width))), |
52 | | - linear-gradient(to top, #fff var(--guessed-scrollbar-height), transparent var(--guessed-scrollbar-height)); |
| 51 | + linear-gradient(to right, #FFF var(--left-offset), transparent var(--left-offset), #FFF calc(var(--left-offset) + var(--fadeout-width))), |
| 52 | + linear-gradient(to top, #FFF var(--guessed-scrollbar-height), transparent var(--guessed-scrollbar-height)); |
53 | 53 | } |
54 | 54 | } |
55 | 55 |
|
|
66 | 66 | @keyframes scrollcheck-y { |
67 | 67 | 0% { |
68 | 68 | mask: |
69 | | - linear-gradient(to bottom, #fff calc(100% - var(--fadeout-height)), transparent), |
70 | | - linear-gradient(to left, #fff var(--guessed-scrollbar-width), transparent var(--guessed-scrollbar-width)); |
| 69 | + linear-gradient(to bottom, #FFF calc(100% - var(--fadeout-height)), transparent), |
| 70 | + linear-gradient(to left, #FFF var(--guessed-scrollbar-width), transparent var(--guessed-scrollbar-width)); |
71 | 71 | } |
72 | 72 |
|
73 | 73 | 0.01%, 99.99% { |
74 | 74 | mask: |
75 | | - linear-gradient(to bottom, #fff var(--top-offset), transparent var(--top-offset), #fff calc(var(--top-offset) + var(--fadeout-height)), #fff calc(100% - var(--fadeout-height)), transparent), |
76 | | - linear-gradient(to left, #fff var(--guessed-scrollbar-width), transparent var(--guessed-scrollbar-width)); |
| 75 | + linear-gradient(to bottom, #FFF var(--top-offset), transparent var(--top-offset), #FFF calc(var(--top-offset) + var(--fadeout-height)), #FFF calc(100% - var(--fadeout-height)), transparent), |
| 76 | + linear-gradient(to left, #FFF var(--guessed-scrollbar-width), transparent var(--guessed-scrollbar-width)); |
77 | 77 | } |
78 | 78 |
|
79 | 79 | 100% { |
80 | 80 | mask: |
81 | | - linear-gradient(to bottom, #fff var(--top-offset), transparent var(--top-offset), #fff calc(var(--top-offset) + var(--fadeout-height))), |
82 | | - linear-gradient(to left, #fff var(--guessed-scrollbar-width), transparent var(--guessed-scrollbar-width)); |
| 81 | + linear-gradient(to bottom, #FFF var(--top-offset), transparent var(--top-offset), #FFF calc(var(--top-offset) + var(--fadeout-height))), |
| 82 | + linear-gradient(to left, #FFF var(--guessed-scrollbar-width), transparent var(--guessed-scrollbar-width)); |
83 | 83 | } |
84 | 84 | } |
85 | 85 |
|
0 commit comments