Simple CSS Parallax effect

26 April, 2016

Create a div block with class 'parallax'

<div class="parallax"></div>

Apply CSS code (use your own background image path)

.parallax {
    min-height: 600px;
    background-image: url("images/background.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}