react-text-transition
react-text-transition copied to clipboard
Background color CSS does not get applied
The transition text has a background color inside a h1 with a transparent background. The transition text's background color is not being affected by setting it to transparent.
How would I set the <TextTransition>
background color to be transparent?
<h1 className={styles.heading}>
Some text ...
<TextTransition
className={styles.transitionText}
text={ areas[index % areas.length] }
springConfig={ presets.stiff }
/>
</h1>
CSS
heading {
background-color: transparent; // is being applied
...
}
.transitionText {
background-color: transparent; // is not being applied
...
}
btw cool package and easy to use
it seems to be overwritten by a global style:
* {
background-color: black;
}
but why doesn't the transitionText style overwrite it, as the heading style does?
Hey. Sorry for the delay, been a bit busy.
If you're still facing this issue you could you reproduce it in a codesandbox example because I couldn't reproduce it, setting the background color on the parent works properly.
Thanks.