Posting on the Forum - Before & After

K.V.
05 Jan 2021, 05:28

I was bored and wanted to see if this would work on here (as sometimes stuff does, and vice-versa)

QUEST 6


<div style='background-color:black;-webkit-background-clip:text;-webkit-text-fill-color: transparent;background-image:url("http://textadventures.co.uk/Images/logo.png");'><h1 style="font-size:900%;font-weight:bold;">QUEST 6</h1></div>

It worked before posting, but it looks different afterwards.

Here it is before posting:

image


I've been told why these things happen, but I can't remember.

Also, I'm not complaining. I'm just bored and pointing out things that don't really matter.


jmnevil54
05 Jan 2021, 05:36

This is so cool!


K.V.
07 Jan 2021, 14:31

This is so cool!

I thought so, too!

I learned it from this very informative dude's video on YouTube.


K.V.
07 Jan 2021, 14:37

While I'm here, let's see if it works this way (it appears to before posting, but we've established that that means nothing):

<div style='background-color:black;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color: transparent;background-image:url("http://textadventures.co.uk/Images/logo.png");'><h1 style="font-size:900%;font-weight:bold;">QUEST 6</h1></div>

QUEST 6


Here's what it looks like before posting it:

image


Dcoder
11 Jan 2021, 11:06

Interesting video, KV! I like the "glowing" shadow effect too!

Not in the video, but I've found the CSS "transition" property is also fun to play with.