본문 바로가기

내마음대로만들어보자326

HTML 기본 레이아웃 1 로고 메뉴 이미지 슬라이드 공지사항 갤러리 팝업 로고 Copyright SNS /* reset */ * {margin: 0; padding: 0;} .clearfix::before, .clearfix::after {display: block; content: ''; clear: both;} /* 레이아웃 */ #wrap{width: 1200px; margin: 0 auto;} /* 블록구조를 가운데 정렬할때는 마진을 주면된다. margin: 0 aut0는 위아래는0 좌우는 auto라는 의미 */ /* header */ #header {} #header .logo {float: left;width:250px; height: 100px; background: #888;} #header .nav {float:.. 2022. 2. 20.
Parallax Effect - Javascript (리빌효과) scrollTop() : 0px Parallax Effect08 - Javascript 패럴랙스 스크롤링 효과 - 리빌 효과 s1 s2 s3 s4 s5 s6 s7 s8 s9 01 Section1 높은 목표를 세우고, 스스로 채찍질 한다. 02 Section2 결과도 중요하지만, 과정을 더 중요하게 생각한다. 03 Section3 매 순간에 최선을 다하고, 끊임없이 변화한다. 04 Section4 모든지 기본을 중요하게 생각하고 행동한다. 05 Section5 열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다. 06 Section6 천 마디 말보단 하나의 행동이 더 값지다. 07 Section7 조그만 성공에 만족하지 않으며, 방심을 경계한다. 08 Section8 나는 내가 더 노력할수록 운이 더.. 2022. 2. 19.
Parallax Effect - Jquery (리빌효과) scrollTop() : 0px Parallax Effect08 - Javascript 패럴랙스 스크롤링 효과 - 리빌 효과 s1 s2 s3 s4 s5 s6 s7 s8 s9 01 Section1 높은 목표를 세우고, 스스로 채찍질 한다. 02 Section2 결과도 중요하지만, 과정을 더 중요하게 생각한다. 03 Section3 매 순간에 최선을 다하고, 끊임없이 변화한다. 04 Section4 모든지 기본을 중요하게 생각하고 행동한다. 05 Section5 열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다. 06 Section6 천 마디 말보단 하나의 행동이 더 값지다. 07 Section7 조그만 성공에 만족하지 않으며, 방심을 경계한다. 08 Section8 나는 내가 더 노력할수록 운이 더.. 2022. 2. 19.
Parallax Effect - Javascript (텍스트효과) scrollTop() : 0px Parallax Effect07 - Javascript 패럴랙스 스크롤링 효과 - 텍스트 효과 s1 s2 s3 s4 s5 s6 s7 s8 s9 01 Section1 높은 목표를 세우고, 스스로 채찍질 한다. 02 Section2 결과도 중요하지만, 과정을 더 중요하게 생각한다. 03 Section3 매 순간에 최선을 다하고, 끊임없이 변화한다. 04 Section4 모든지 기본을 중요하게 생각하고 행동한다. 05 Section5 열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다. 06 Section6 천 마디 말보단 하나의 행동이 더 값지다. 07 Section7 조그만 성공에 만족하지 않으며, 방심을 경계한다. 08 Section8 나는 내가 더 노력할수록 운이 .. 2022. 2. 19.

티스토리툴바