#grad {
background-image: linear-gradient(to right, rgba(255,0,0,0), transparent);
}
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
So like #grad, #charheader {
background-image: linear-gradient(to right, rgba(255,0,0,0), transparent);
}
background-image: linear-gradient(to right, rgba(255,0,0,0), transparent);
}
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
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:
Starts transparent at the top, then becomes solid near the bottom
Code:
#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
Yep!
This makes 75% of the content area solid colored
Code:
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
Try this?
Code:
#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