Group Toolbar Menu

Forums » General Chat » Chitty Chat Hub

#grad {
background-image: linear-gradient(to right, rgba(255,0,0,0), transparent);
The code I just pasted starts transparent on the left and then gradually fills in opacity
I see it now. I think that would work!
So like #grad, #charheader {
background-image: linear-gradient(to right, rgba(255,0,0,0), transparent);
something like that?
oh no
I meant to paste yours. I'm sorry!
Oh you don't need to use the word transparent!
#grad, #charheader {
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

I meant to paste and add in to this
I just died this for the group's main container and it works perfectly:
#main { background-image: linear-gradient(to bottom, rgba(12,24,38,0), rgba(12,24,38,1)); }

Starts transparent at the top, then becomes solid near the bottom
I'd say give it a try copy/pasting yours
If it doesn't work your selector is probably wrong
I think you can change the percentage of transparency by adding the full color multiple times too
no dice
linear-gradient(to bottom, rgba(12,24,38,0), rgba(12,24,38,1), rgba(12,24,38,1), rgba(12,24,38,1), rgba(12,24,38,1))

This makes 75% of the content area solid colored
Okay one sec
Try this?
#sitecontainer { background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,1)); }

Moderators: Sanne