xoouxa

안녕하세요 ヾ(≧▽≦*)o 오늘은 포트폴리오에 넣기 좋은 효과들로 만든 패럴렉스 효과 06번을 만들어 보도록 하겠습니다! 다양한 css 기능들이 있으니 한 번 적용해 보시면 멋진 포폴이 완성될 것이라 생각합니다 ! 🍕 🧇 완성화면입니다. HTML 01 section01 결과도 중요하지만, 과정을 더 중요하게 생각한다. 02 section02 우리 모두는 인생에서 만회할 기회라 할 수 있는 큰 변화를 경험한다 03 section03 다음에 벌어질지 모를 장벽을 걱정하여 미래를 향한 걸음을 멈춰선 안된다. 04 section04 나 스스로가 풍요로운 사람이 되려 노력해야 한다 05 section05 자신에 대한 평판은 신경쓰지마라 06 section06 이상과 꿈을 버리지 마라 07 section07 명사형..

안녕하세요 ヾ(≧▽≦*)o 오늘은 마우스 드래그를 하면 사진과 멘트가 나오는 패럴렉스 효과를 한 번 만들어 보도록 하겠습니다. 포트폴리오에도 많이 사용되고 사이트를 만들 때에도 자주 사용되는 효과이니 여기서 잘 익히고 나중에 작업하실 때 한 번 이용해 보세요 ~ 😏🙌 💛 완성 화면 입니다 . 스크롤하시면 효과를 확인하실 수 있습니다 귀여운 저희 학원 사람들입니도 ..? 🐣 폰트와 CSS 패럴렉스 *{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'ReciaSerifDisplay'; } body { height: 20000px; background-color: #fff4b4; } .scrollTop { position: fixed; left: ..

안녕하세요 ヾ(≧▽≦*)o 오늘은 패럴렉스 효과를 사용해 밑으로 스크롤하면 사진이 스크롤되면서 명언이 나오고, 사진의 좌표값을 구하고 그 좌표값을 화면에 나타내 보도록 하겠습니다! 이 작업은 포트폴리오를 작성할 때 자주 사용되는 양식이라고 하니 포폴을 준비하시는 분들은 제 블로그를 참고하셔서 멋진 포트폴리오를 만들어 보시면 좋을 것 같습니다 ! 🥰 💛완성화면 입니다. 👏 CSS는 너무 길어서 제 github로 오시면 소스를 확인하실 수 있습니다. 메뉴를 누르시면 1-9 중 원하시는 곳으로 넘어가게 됩니다. HTML 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 9개의 사진과 명언을 넣어주기 위해 nav를 만들고 그 안에 ul을 만들고 li를 9개 만들어 1-9번까지의 섹션과 메뉴를 만들..