x
<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>body, html { height: 100%;}.parallax { /* The image used */ background-image: url('img_parallax.jpg'); /* Full height */ height: 100%; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}</style></head><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><div class="parallax"></div></body><!-- Mirrored from www.w3schools.com/howto/tryit.asp?filename=tryhow_css_parallax_percent by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 16:51:10 GMT --></html>