Quantcast
Channel: Help! with 2.0 - Twine Forum
Viewing all articles
Browse latest Browse all 1844

Make '@keyframes fadein' rule specific to one selector?

$
0
0
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:
@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 ?

Viewing all articles
Browse latest Browse all 1844

Trending Articles