◌블러

가우시안·줌·회전·보케·틸트시프트 블러. 흐리는 방향과 모양이 다르면 느낌이 완전히 달라집니다. — 9개 항목

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

가우시안 블러Blur

이미지 전체의 경계와 작은 디테일을 고르게 부드럽게 흐립니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

방향성 블러Linear Blur

이미지의 세부가 지정한 각도를 따라 길게 번집니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

줌 블러Zoom Blur

선택한 중심을 향하거나 바깥으로 뻗는 방사형 잔상을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

회전형 블러Angular Blur

선택한 중심을 둘러싸며 이미지의 세부가 회전하듯 번집니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

보케 블러Bokeh Blur

렌즈 초점이 흐려진 듯 밝은 부분을 조리개 모양의 원반으로 표현합니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

채널별 블러Channel Blur

빨강·초록·파랑 채널을 서로 다른 정도로 흐릴 수 있습니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

확산 블러Diffuse Blur

픽셀이 무작위로 조금씩 어긋나며 입자감 있는 흐림을 만듭니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

점진적 블러Progressive Blur

한 방향을 따라 이미지의 블러 강도가 점차 달라집니다.

WebGPU 를 지원하는 브라우저에서 움직입니다

이 기기에서는 데모를 그리지 못해 정지 화면을 보여 줍니다

틸트 시프트 블러Tilt Shift

좁은 초점 띠는 선명하게 두고 그 밖의 영역을 점차 흐립니다.

페이지로 열기 ↗