daily pastebin goal
67%
SHARE
TWEET

Untitled

a guest Feb 17th, 2019 66 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div class="parallax-img h-100" style="background-image: url('img/img_parallax.jpg'); height: 900px;"></div>
  2.  
  3.         <div class="h-50 bg-color-gradient center d-flex flex-column justify-content-center">
  4.             <h1 class="white">parallax</h1>
  5.             Scroll Up and Down this page to see the parallax scrolling effect.
  6.             This div is just here to enable scrolling.
  7.             Tip: Try to remove the background-attachment property to remove the scrolling effect.
  8.         </div>
  9.    
  10.         <div class="parallax-img h-100"></div>
  11.  
  12.  
  13.  
  14. <!-- Use specific length if the page is very long example 400px -->
  15.  
  16.         <div class="parallax-img" style="background-image: url('img/img_parallax.jpg'); height: 400px;"></div>
  17.  
  18.         <div class="bg-color-gradient center d-flex flex-column justify-content-center" style="height: 500px;">
  19.             <h1 class="white">parallax</h1>
  20.             Scroll Up and Down this page to see the parallax scrolling effect.
  21.             This div is just here to enable scrolling.
  22.             Tip: Try to remove the background-attachment property to remove the scrolling effect.
  23.         </div>
  24.    
  25.         <div class="parallax-img" style="height: 400px;"></div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top