애플 (2) 썸네일형 리스트형 스크롤에 따라 애니메이션 효과 적용해주는 간단 라이브러리: AOS 1. AOS(Animate On Scroll) 라이브러리 소개가끔 웹서핑을 하다 보면 스크롤 위치에 따라 글자, 사진 등의 컨텐츠가 나타나는 효과가 적용된 사이트를 볼 수 있다. 스크롤을 했을 때 요소에 나타나기 애니메이션 효과를 구현해주는 라이브러리를 소개하고자 한다.바로 `AOS(Animate On Scroll Library)`이다. 간단한 적용 예시와 설명은 라이브러리 홈페이지에서도 확인할 수 있다.https://michalsnik.github.io/aos/ AOS - Animate on scroll libraryAOS Animate On Scroll Library Scroll downmichalsnik.github.io 2. 준비 과정혹 JavaScript를 다루는 방법을 모르더라도, `div`.. 티스토리 블로그 상단바(메뉴바) 애플 홈페이지 느낌 내기 1. Apple 홈페이지 메뉴바 둘러보기애플사 홈페이지는 화려한 전환 효과와 다채로운 애니메이션으로 유명하다. 그중에서도 특히 나의 블로그에 적용하고 싶었던 부분은 애플 특유의 반투명 블러 이펙트(뿌연 느낌?)가 적용된 고정 상태바이다. 티스토리의 HTML / CSS 편집 기능을 통해 블로그에 이러한 느낌을 내는 방법을 알아보자. 2. Tistory CSS 수정하기 티스토리 블로그에서 상단바를 담당하는 CSS 코드는 `#header` 부분이다. 이 부분에 상단바의 위치, 너비, 높이, 색상 등 속성이 서술되어 있다. 이 CSS 코드를 수정하기 위하여 블로그 관리 홈으로 들어간다.티스토리에서 HTML / CSS 소스 코드를 수정하는 방법은 대부분 알고 있으리라 생각하지만 혹시 모르는 분들을 위해 서술하겠다.. 이전 1 다음
