티스토리
-
티스토리 글 사진, 글씨 애니메이션 효과 넣기 (AOS)컴퓨터/HTML & JS & TS 2018. 2. 21. 16:53
(공식 로고) AOS (Animate on Scroll) └스크롤 시 HTML 요소들에 간단히 애니메이션(페이드인, 페이드아웃 등) 효과를 추가할 수 있게 해주는 라이브러리. └제작자: michalsnik └효과 체험 하기: https://michalsnik.github.io/aos/ └기본 작동: HTML element에 data-aos attribute="애니메이션 이름" 을 추가 1. 사용 설정하기 위 두 파일을 '파일업로드'에서 업로드하고, HTML 사이에 아래 코드를 추가한다. 그리고 바로 위에 아래 코드 추가, init 만 추가하고 일일이 애니메이션 따로 설정 가능 fixed: 썸네일 이미지 분리 썸네일을 따로 하고 싶은 분들은 댓글 2. 애니메이션 아래 목록을 참고하여 "애니메이션이름"을 바..
-
소스 하이라이터 (syntaxhighlighter, highlight.js)컴퓨터/HTML & JS & TS 2018. 2. 19. 02:14
syntaxhighlighter를 사용해 왔지만 스킨을 바꾸면서 더 괜찮아 보이는 라이브러리를 찾았다. prism.js도 괜찮아 보인다. highlight.js 사이트└syntaxhighlighter, primsjs 와 같이 컴퓨터 언어 하이라이터└제작자: isagalaev└효과 체험 하기: https://michalsnik.github.io/aos/└176개의 언어 지원과 79가지의 스타일 + 자동 언어 탐지└기본 작동: 와 안 프로그래밍 언어를 하이라이팅 사이트에 들어가 일단 체험하세요. ▷ 설치 방법 1. 간단히 사이에 아래를 추가하면 끝이다. ▷ 사용법 syntaxhighlighter 과 비슷하다. // C Coded 예제) public static void main(String[] args) {..