반응형 블로그코드2 블로그 a 태그 hover 효과 적용 (transition 적용) 상단 카테고리의 hover 효과는 부드러워져서 좋았으나,게시글과 사이드바의 카테고리도 통일성을 줘야 한다는 판단이 들었다. transition을 주고, 뿐만 아니라 카테고리는 x축으로 움직이는 효과도 넣을 것이다. 기존 코드 a, a:link {text-decoration:none; color:#555;} a:visited {text-decoration:none;} /* hover 효과 - 밑줄 생성, 및 색상 변경 */ a:hover, a:focus { text-decoration:underline; color: #FEB802; } a:active {text-decoration:none;} /* ------------------------- a 태그 끝 ------------------------- *.. 2022. 5. 28. 티스토리 블로그 코드 수정하기 - 2. 카테고리 transition 적용하기 처음 블로그를 열었을 때 다양한 플러그인과 광고 티스토리만의 어떤 서버 연결 등 처리가 느려서 그런지 css의 적용이 느렸다. 그리고 hover 효과를 주었었는데 깜박깜박 거리는게 사용자 경험이 좋지 않다고 판단이 되어서 transition을 부드럽게 주려고 마음먹었다. #gnb ul li a { position: relative; display: block; text-decoration: none; padding: 22px 4px 24px; color: #777; font-weight: bold; } #gnb ul li a:hover, #gnb ul li.current a { color: #FEB802; // 색 바꿈 } #gnb ul li.current a:after, #gnb ul li a:hove.. 2022. 5. 24. 이전 1 다음 반응형
