• CSS

CSS를 활용해서 Parallax Scrolling 효과 나타내기

2018-12-04 352

설명

  • 카카오톡 링크

CSS를 활용해서 Parallax Scrolling 효과 나타내는 소스입니다~!

참조 :
https://www.w3schools.com/howto/howto_css_parallax.asp

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<style>
.parallax { 
    /* The image used */
    background-image: url("/img/slide_img.png");

    /* Set a specific height */
    height: 250px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
</style>

<!-- Container element -->
<div class="parallax"></div>