반응형 트윈맥스2 TweenMax 눈내리는 효과 트윈맥스를 사용하여 눈내리는거 같은 효과를 만들어봤습니다. * { margin:0; padding:0; box-sizing:border-box; } section { position:relative; background:#333; height:500px; overflow:hidden; } .circle { position:absolute; width:8px; height:8px; border-radius:50%; } .circle1 { background:green; } .circle2 { background:snow; } .circle3 { background:salmon; } $(function(){ var $win = $(window), $section = $('section'), $hei = $s.. 2019. 9. 28. 풀페이지 만들기 스크롤이 될 섹션들을 만들어줍니다. section1 section2 section3 section4 간단하게 스타일도 입혀줍니다. html, body { width: 100%; height: 100%; padding: 0; margin: 0; } #wrap { position: fixed; width: 100%; height: 100%; background: gray; } #wrap .section { position: relative; width: 100%; height: 100%; } 스크롤 이벤트를 이용하여 만들고 트윈맥스로 애니메이션을 주었습니다. var sectionWrap = $('#wrap'); var section = $('.section'); var sectionLen = section... 2019. 9. 26. 이전 1 다음 반응형
