[Tistory] hELLO. 스킨 컨텐츠 내의 a 태그 수정

 

새 테마의 a 링크들의 핑크색이 맘에 안들었다

CSS로 들어가 #f0506e 들을 전부 #FA8258 로 바꿔주었다

 

또 마우스를 올렸을 때 링크란 걸 확실하게 티를 내고 싶었다

1. 무지개색 효과

a:hover, a:focus { 
	animation-duration: 2s; animation-name: rainbowLink; animation-iteration-count: infinite;
} 
@keyframes rainbowLink {     
 0% { color: #2a89ff; }
 15% { color: #202082; }
 30% { color: #e82aff; }
 45% { color: #ff2a2a; }
 58% { color: #ff7a2a; }
 70% { color: #ffc52a; }
 85% { color: #43ff2a; }
}

순서대로 파남보빨주노초 이다 (내 a 태그 기본 색이 주황색이라 파랑색부터 시작했다)

 

2. 밑줄

CSS의 html a 부분을 찾아서 text-decoration: none!important 부분을 주석처리했다

 

 

끝

 

a hover 무지개색 CSS 코드 출처