티스토리에서 글 블러처리 하기
20220101

방법은 간단하지만 필요하신 분들이 있을까 싶어 정리해둡니다.

글쓰기에서 "밑줄"을 그은 부분이 전부 블러처리되고, 마우스를 올리면 블러가 해제됩니다. 간단한 스포일러 방지 처리에 좋을 것 같네요.

 

이런 방식입니다.

 

 

  1. 블로그 관리에 들어가 스킨 편집을 클릭해주세요.
  2. html 편집을 클릭한 뒤 css탭으로 이동해 주세요.
  3. 최하단에 다음과 같은 코드를 입력해 주세요. (css를 어느 정도 알고 계시다면 u 클래스를 다음과 같이 수정해주세요.)
  4. 끝!

 

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;
}