본문 바로가기

HTML/CSS 수정

(2)
티스토리 블로그 메뉴 아이콘 애니메이션 넣는 방법 알아보기 '티스토리 블로그 메뉴 아이콘 애니메이션 넣는 방법 알아보기' 저번 글에서는 마우스 클릭 시에 물결 효과가 나타나게 하는 방법에 대해 알아보았었는데요, 이번에는 개인적으로 블로그 화면에서 부자연스럽다고 생각했던 메뉴 아이콘에 애니메이션 효과를 넣어 자연스럽게 전환이 되도록 하는 방법에 대해 알아보고자 합니다. 이번 티스토리 블로그 메뉴 아이콘 애니메이션 기능은 아래 글의 도움을 받아 구현하였습니다. 티스토리 메뉴 버튼에 애니메이션 넣기 이 블로그를 포함한 많은 곳의 UI에서 세 줄짜리 메뉴 버튼 (일명 햄버거 버튼)을 사용하고 있다. 지금 사용하는 블로그 테마의 메뉴 버튼에는 한번 클릭했을 때 X자로 변하는 애니메이션이 없었 lhy0.tistory.com 그럼 이제 메뉴 아이콘 애니메이션을 구현하는 방법..
블로그 스킨 교체하였습니다. Poster 스킨 후기 및 사진 간격 조정(HTML/CSS) '블로그 스킨 교체하였습니다. Poster 스킨 후기 및 사진 간격 조정(HTML/CSS)' 지금까지 'Flatinum'이라고 하는 반응형 스킨을 HTML을 고쳐가면서 계속 사용하고 있었는데 계속 고쳐도 제가 생각했던 깔끔한 느낌과는 많이 멀다고 느껴져 몇일 전부터 계속 스킨을 알아보다가 그 중에 제일 맘에 드는 스킨 'Poster'을 골라 적용시키게 되었습니다. 하지만 이미지 간격이 맘에 들지 않아 HTML/CSS 수정내용도 포함되어 있으니 참고하세요. 'Poster' 스킨 적용하다. 기존에 사용하던 스킨은 위와 같이 'Flatinum'이라는 블로그 스킨인데요, 깔끔한 디자인이 마음에 들어 적용하여 사용하고 있었는데 계속 사용하다보니 스킨 교체의 욕심도 났었고, 무엇보다 제가 한눈에 봤을 때 글에 집중..