just another official video tutorial to Motion.page, which will show you how to make some pretty neat text masking effects, and animations in WordPress using a Motion.page plugin.
Here's the CSS from the tutorial:
.text-mask-lr{
display: inline;
background: linear-gradient(#FFF 0 0) 0 100% /var(--mask, 0) no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255,255,255,0.1);
}
.text-mask-tb{
display: inline;
background: linear-gradient(to bottom, #FFF 0 0) 0 0 / 100% var(--mask, 0) no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
}