Light Effects background animation with CSS Blend Modes

Loading…

Light Effects background animation with CSS Blend Modes | GoSnippets

Source Code

1<section id="hero" class="full-screen">
2  <div id="bg1" class="background-overlay"></div>
3  <div class="wrapper">
4    <div class="column">
5    <h1> This is a heading</h1>
6    <a class="button" href="https://gosnippets.com">GoSnippets</a>
7    </div>
8  </div>
9</section>
10<section id="hero2" class="full-screen">
11  <div id="bg2" class="background-overlay"></div>
12  <div class="wrapper">
13    <div class="column">
14    <h1> This is a heading</h1>
15    </div>
16  </div>
17</section>

Light Effects background animation with CSS Blend Modes

Source Code

More Utilities snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery