Search the Community

Hi, I was playing around with my website and I was trying to make a semi-transparent footer This is the code I used for the footer <footer class="footer galaxy-footer"> <div class="content has-text-centered"> <p> <script src="js/copyright.js"> </script>© 2018-2020, <strong>Company.</strong> </p> </div> </footer> And this is my css .galaxy-footer { background-color: rgba(25, 25, 25, .5); color: var(--white); // #ffffff } .galaxy-footer strong { color: var(--white); } The other classes are Bulma's classes and they seems not to be the issues What I get is an half transparent footer and a grey bar, which is the part that is not displayed when the page loads because the content pushes the footer down Is this a known issue or did I forget something?

[UPDATED IN ANSWERS] Attached updated files. I'm trying to extend a rather well-used animation formula using css. To start, here's the basic animation: http://www.daellusknights.com The banner text is set to a specific rotation, Animation 1. (two instances) Likewise, the "glow" effect is also animated. (Animation 2) What my goal is, the "layers" of each word are going to be statically faded out by setting each layer slightly more transparent than the one before it. This includes setting the text, stroke, and glow opacity. I'm using "h1:nth-child(#){code}" to set the primary properties of each layer such as Z-offset, etc. This is not a problem for making a transparency fade with the letters themselves. What I want to do is also apply the same transparency fade to the glow, but still have the colors animated. Is there a shorthand way to do this, or will it be necessary to synchronize a separate animation for each layer of the block of text? Each with it's own color animation, but with a set opacity? Thank you in advance! Christopher W. index.html dk-anim.css