CSS 네온사인 효과 링크 버튼 만들기 (text-shadow)
이 효과는 현재 친효스킨의 우측 상단에 위치한 버튼 메뉴에 적용된 CSS 효과입니다. 마우스를 올려보시면 마치 네온사인에 불이 들어온 듯 은은한 불빛이 나를 감쌀 것입니다. 그렇습니다. 이 효과의 핵심 옵션은 바로 text-shadow입니다. 이 CSS 스타일 옵션을 사용해 네온사인 효과를 연출하는 것입니다. 빠르게 알아보겠습니다. 예제 See the Pen CSS text-shadow (NeonSign Effect) by rgy0409 (@rgy0409) on CodePen. 위의 예시에는 링크 버튼이 두 개 있습니다. 첫번째는 폰트어썸을 사용한 링크고 두번째는 흔하디 흔한 텍스트 링크입니다. 마우스를 올려보시면 두개 모두 네온사인 효과가 적용되고 있음을 알 수 있습니다. 앞서 언급했듯 :hover 했..