Make Text Appear in Front of Animated Stripes
Our fancy animated stripes have a problem.
I've changed the markup to be a button
and added a class of stripes
. Unfortunately, the stripes are over the top of the child elements:
![](http://res.cloudinary.com/pro-tailwind/image/upload/v1675376781/tutorials/animated%20background%20stripes/8d0ff
Transcript
0:00 Our fancy animated stripes have a little problem. I've changed the markup to be a button. It also has this class of stripes. You can see that the stripes are over the top of the child elements. We definitely don't want this. We kind of want the stripes to be in front of the background but behind the text here.
0:16 Your job is to update the CSS to make the text here appear in front of the stripes. Good luck.