블로그css2 [Tstory Blog] Web Font 변경, cover-list 클래스 css 설정 KT AIVLE School 의 기자단을 하기 전 멈췄던 블로그를 정리했다. 현재는 취향이 변해서, 블로그를 다시 시작함에 앞서 카테고리를 정리하고, css를 건드려보았다. .cover-list ul li:hover { transition: all 0.15s; transform: translateY(-6px); box-shadow: 0 2px 6px rgba(0,0,0,0.2); } transition은 부드럽게 적용이 안되어서 0.15s 를 적용 transform: translateY(-6px); 로 호버시 위로 상승 box-shadow: 0 2px 6px rgba(0,0,0,0.2); 로 상승한 list 요소 뒤에 그림자 생성 홈에서 게시물을 선택하는 재미를 주기 위해 수정했다. /* Web Font.. 2023. 2. 11. 티스토리 블로그 코드 수정하기 - 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 다음
