feat: add transparency fade to background title

flatplum · flatplum · commit b99fa0776aa3 · 2025-09-15T21:48:15.000+10:00
A slight transparency fade prevents descenders
  from interfering with the foreground text.
diff --git a/src/features/TitleHero/TitleHero.css b/src/features/TitleHero/TitleHero.css
@@ -23,6 +23,8 @@
   line-height: 1;
   margin-bottom: -100px;
   /* padding-bottom: 5rem; */
+  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
+  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
 }
 
 @media (min-width: 768px) {

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,8 @@`
`23`	`23`	`line-height: 1;`
`24`	`24`	`margin-bottom: -100px;`
`25`	`25`	`/* padding-bottom: 5rem; */`
	`26`	`+ -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);`
	`27`	`+ mask-image: linear-gradient(to bottom, black 50%, transparent 100%);`
`26`	`28`	`}`
`27`	`29`
`28`	`30`	`@media (min-width: 768px) {`