Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Make '@keyframes fadein' rule specific to one selector?
Sugarcube2.11.0
In my game, instead of having the links set to a different colour, I'm using a tactic which makes them slowly fade from a low opacity to full opacity over a time period.
I also have an intro or splash screen in which the title logo fades in by utilizing the exact same rule.
The problem which has developed today is that I've decided I want the passage links to fade from 0.5 opacity to full, rather than 0 to full, but because I use just the one CSS rule for this, my splash intro is affected the same way.
The fade-in durations can be set uniquely on both the links and the splash screen because that rule is unique to each of the selectors, but the one causing the problem is this rule:
Is there any way I can have the splash screen opacity set at 0 to 1, and the links opacity set at 0.5 to 1 ?
In my game, instead of having the links set to a different colour, I'm using a tactic which makes them slowly fade from a low opacity to full opacity over a time period.
I also have an intro or splash screen in which the title logo fades in by utilizing the exact same rule.
The problem which has developed today is that I've decided I want the passage links to fade from 0.5 opacity to full, rather than 0 to full, but because I use just the one CSS rule for this, my splash intro is affected the same way.
The fade-in durations can be set uniquely on both the links and the splash screen because that rule is unique to each of the selectors, but the one causing the problem is this rule:
@keyframes fadein {from {opacity: 0.5;} to {opacity: 1;}}Because this isn't assigned to a unique selector, I can't stop it controlling the opacity on my splash screen.
Is there any way I can have the splash screen opacity set at 0 to 1, and the links opacity set at 0.5 to 1 ?
Comments
Anyway, dolt that I am, all I needed to do was change the 'fadein' name and make it unique for the splash screen selector. So instead of the one above, I use: