The Tournament Director Forums

Main => Templates, Layouts and Sounds => Topic started by: CHJarzza on May 26, 2017, 09:10:25 PM

Title: Gradient font color
Post by: CHJarzza on May 26, 2017, 09:10:25 PM
Hello!

How to make gradient colored clock numbers?

-J
Title: Re: Gradient font color
Post by: Corey Cooper on May 28, 2017, 11:55:50 AM
Unfortunately at the moment I don't think you can. The rendering engine is currently stuck in IE7 mode, and the filters and effects available at that level don't include gradient for text (only for backgrounds).  Hopefully we'll move past this to a modern rendering engine in the not-too-distant future.
Title: Re: Gradient font color
Post by: Corey Cooper on May 28, 2017, 01:04:57 PM
I spoke a little too soon, as a certain amount of this may be possible.  Whether or not it works for you depends on what you're trying to accomplish.  Take a look at the built-in layout "Minimalist" to see how I used it.  I can look into your specific use of it a little later (currently I'm out of town on a holiday).
Title: Re: Gradient font color
Post by: CHJarzza on June 07, 2017, 08:28:26 AM
I would like the numbers on the clock to be crayed out like in the example picture. How could this be done?
Title: Re: Gradient font color
Post by: Corey Cooper on June 07, 2017, 12:27:07 PM
I think unfortunately it's not possible in your situation.  For the Minimalist layout, the numbers fade to black using a gradient, on top of a black background.  I accomplished this by placing a div that uses a gradient over the numbers.  The div effectively goes from transparent to black, making the numbers appear to fade away at the bottom.  Your example layout has an image in the background of the numbers.  That image would also fade away using the technique I'm describing.  If it was a solid black background, I believe it could be done.
Title: Re: Gradient font color
Post by: CHJarzza on June 07, 2017, 02:14:23 PM
Ok, thank you for your reply.