Improved compatibility with edge on mobile.

framedsc · Dec 16, 2023 · 917392a · 917392a
1 parent 2f991c5
commit 917392a
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/components/home/year-cover.tsx b/components/home/year-cover.tsx
@@ -63,8 +63,11 @@ const coverFrameStyle: CSS.Properties = {
   bottom: '20px', /* Adjust bottom position */
   backdropFilter: 'blur(20px) brightness(125%) saturate(120%)',
   maskComposite: 'exclude',
+  WebkitMaskComposite: 'exclude',
   mask:
     'linear-gradient(transparent 0%, white 0%, white calc(0% + 15px), transparent calc(0% + 15px), transparent calc(100% - 15px), white calc(100% - 15px), white 100%, transparent 100%), linear-gradient(0.25turn, transparent 0%, white 0%, white calc(0% + 15px), transparent calc(0% + 15px), transparent calc(100% - 15px), white calc(100% - 15px), white 100%, transparent 100%)',
+  WebkitMask:
+    'linear-gradient(transparent 0%, white 0%, white calc(0% + 15px), transparent calc(0% + 15px), transparent calc(100% - 15px), white calc(100% - 15px), white 100%, transparent 100%), linear-gradient(0.25turn, transparent 0%, white 0%, white calc(0% + 15px), transparent calc(0% + 15px), transparent calc(100% - 15px), white calc(100% - 15px), white 100%, transparent 100%)',
 }
 
 const framedTextStyle: CSS.Properties = {