Difference between revisions of "Team:CMUQ/team"

Line 10: Line 10:
 
     <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 
     <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  
 +
<style>
 +
.parallax {
 +
    /* The image used */
 +
    background-image: url('https://static.igem.org/mediawiki/2017/1/1e/TeamCMUQ.jpg');
  
 +
    /* Full height */
 +
    height: 100%;
 +
 +
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
 +
</style>
  
 
<style>
 
<style>
Line 327: Line 341:
 
         </div>
 
         </div>
 
     </nav>
 
     </nav>
 +
<body>
 +
 +
<div class="parallax"></div>
 +
 +
<div style="height:1000px;background-color:red;font-size:36px">
 +
Scroll Up and Down this page to see the parallax scrolling effect.
 +
This div is just here to enable scrolling.
 +
Tip: Try to remove the background-attachment property to remove the scrolling effect.
 +
</div>
 +
 +
  
 +
</body>
 
</html>
 
</html>

Revision as of 17:11, 13 October 2017

Scroll Up and Down this page to see the parallax scrolling effect. This div is just here to enable scrolling. Tip: Try to remove the background-attachment property to remove the scrolling effect.