Difference between revisions of "Team:CMUQ/HP/Silver"

Line 7: Line 7:
 
}
 
}
  
−
.parallax {
+
</style>
−
    /* The image used */
+
</head>
−
     background-image: url('https://static.igem.org/mediawiki/2017/a/ac/MG_8285-XL.jpg');
+
<body>
 +
 
 +
<div style= "     background-image: url('https://static.igem.org/mediawiki/2017/a/ac/MG_8285-XL.jpg');
  
−
     /* Full height */
+
      
 
     height: 100%;  
 
     height: 100%;  
  
−
     /* Create the parallax scrolling effect */
+
      
−
     //background-attachment: fixed;
+
     background-attachment: fixed;
 
     background-position: center;
 
     background-position: center;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
−
     background-size: cover;
+
     background-size: cover; "></div>
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
−
 
+
−
<div class="parallax"></div>
+
  
 
<div style="height:1000px;background-color:red;font-size:36px">
 
<div style="height:1000px;background-color:red;font-size:36px">

Revision as of 18:18, 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.