Publishing (1) 썸네일형 리스트형 [CSS / JS] 마우스에 반응하는 메타볼 만들기 개요CSS와 JS를 사용해 다음과 같이 점성이 있는 느낌의 요소(전문용어로 메타볼)를 만들어 보겠습니다. 구현1. 방법만드는 방법은 생각보다 쉽습니다. 바로 CSS의 blur와 contrast를 사용하면 됩니다.두 가지 모두 css의 filter 속성에서 설정할 수 있는데 기능은 다음과 같습니다.blur : 적용된 요소에 가우시안 블러 효과를 적용합니다. 픽셀로 조절하며 값이 클수록 요소가 더 흐려집니다.contrast : 적용된 요소에 대비를 증가시키거나 감소시킵니다. 값이 클수록 대비가 증가하며 이 효과는 요소의 이미지나 텍스트를 더 선명하게 만들거나 시각적으로 두드러지게 만들 때 사용됩니다.위 두가지 기능을 이용해 blur로 물체를 흐리게 만든 후 contrast를 사용해 흐려진 부분까지 모두 선.. 이전 1 다음
