I was bored and wanted to see if this would work on here (as sometimes stuff does, and vice-versa)
<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:
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.
This is so cool!
I thought so, too!
I learned it from this very informative dude's video on YouTube.
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>
Here's what it looks like before posting it:
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.
Follow us on Facebook
Follow @TextAdv on Twitter