Difference between revisions of "Msc2G2:Page1"
From cs
(Created page with "<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .parallax { →The image used: background-image: url("Privacy_Cover.jpg");...") |
|||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
| − | .parallax { | + | .parallax { |
/* The image used */ | /* The image used */ | ||
| − | background-image: url(" | + | background-image: url("img_parallax.jpg"); |
/* Set a specific height */ | /* Set a specific height */ | ||
| − | + | height: 500px; | |
/* Create the parallax scrolling effect */ | /* Create the parallax scrolling effect */ | ||
| Line 17: | Line 14: | ||
} | } | ||
</style> | </style> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <!-- Container element --> | ||
<div class="parallax"></div> | <div class="parallax"></div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 20:38, 7 May 2018
<style> .parallax {
/* The image used */
background-image: url("img_parallax.jpg");
/* Set a specific height */ height: 500px;
/* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;
} </style>
