방법은 간단하지만 필요하신 분들이 있을까 싶어 정리해둡니다.
글쓰기에서 "밑줄"을 그은 부분이 전부 블러처리되고, 마우스를 올리면 블러가 해제됩니다. 간단한 스포일러 방지 처리에 좋을 것 같네요.
이런 방식입니다.
- 블로그 관리에 들어가 스킨 편집을 클릭해주세요.
- html 편집을 클릭한 뒤 css탭으로 이동해 주세요.
- 최하단에 다음과 같은 코드를 입력해 주세요. (css를 어느 정도 알고 계시다면 u 클래스를 다음과 같이 수정해주세요.)
- 끝!
u {
text-decoration: none;
filter: blur(3px);
-webkit-filter: blur(3px);
transition: .4s ease-out;
}
u:hover {
filter: blur(0);
-webkit-filter: blur(0);
transition: .4s ease-out;
}