better looking transparency

2025-06-12 10:44:54 -04:00
parent d572bdcd0e
commit a3b2efac97
2 changed files with 24 additions and 2 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -40,3 +40,16 @@ body {
 .rotate-y-180 {
 	transform: rotateY(180deg);
 }
+
+.see-through {
+	mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 1) 100%);
+	mask-size: cover;
+	mask-repeat: no-repeat;
+	-webkit-mask-image: radial-gradient(
+		circle at center,
+		rgba(0, 0, 0, 0) 25%,
+		rgba(0, 0, 0, 1) 100%
+	);
+	-webkit-mask-size: cover;
+	-webkit-mask-repeat: no-repeat;
+}