Quote from luishp on June 21, 2022, 12:27 pm

Another trick to get an interesting effect just like this one:
https://visualneo.com/tutorials/textbackground

Add this CSS to Project>Properties>Styles and apply to a Headline object css-class property

.text-clip{
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 160pt;
  font-weight:900;
  text-align:center;
  color:#E0E0E0;
  background-image:url('https://images.unsplash.com/photo-1535242208474-9a2793260ca8?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=764&q=80');
  background-position:center center;
  background-size:100%;
  transition:all 4s ease-out 0s;
}

Zoom In button code:

CreateEmptyObject [mycss]
SetVar [mycss.backgroundSize] "200%"
SetObjectCSS "Headline1" [mycss]

Zoom Out button code:

CreateEmptyObject [mycss]
SetVar [mycss.backgroundSize] "100%"
SetObjectCSS "Headline1" [mycss]

I hope you will find it interesting.
Let me know if you have any doubts :)