◐그라디언트·배경

선형·원형·메시 그라디언트처럼 혼자서 화면을 채우는 배경 레이어. 대부분의 셰이더 배경이 여기서 시작합니다. — 10개 항목

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

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

선형 그라디언트Linear Gradient

두 색 또는 여러 색을 한 방향으로 부드럽게 이어 캔버스를 채웁니다.

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

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

원형 그라디언트Radial Gradient

중심의 색에서 바깥쪽 색으로 원형으로 퍼져 나가는 그라디언트입니다.

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

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

원뿔형 그라디언트Conic Gradient

중심점을 둘러 색이 한 바퀴 이어지며, 색상환처럼 보이는 각도형 그라디언트입니다.

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

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

다이아몬드 그라디언트Diamond Gradient

중심에서 마름모 모양으로 색이 퍼지며, 모양을 사각형에 가깝게 바꿀 수도 있습니다.

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

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

메시 그라디언트Mesh Gradient

여러 색 영역이 부드럽게 섞이며 화면 위를 천천히 이동하는 메시 그라디언트입니다.

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

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

다중 포인트 그라디언트Multi Point Gradient

서로 다른 위치의 다섯 색 지점이 주변 색과 부드럽게 섞이는 그라디언트입니다.

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

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

흐르는 그라디언트Flowing Gradient

액체 비단처럼 유기적인 색 띠가 흐르는 그라디언트입니다.

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

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

색상환 그라디언트Color Wheel

무지개 스펙트럼이나 선택한 세 색이 한 방향으로 이어지는 그라디언트입니다.

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

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

단색 배경Solid Color

선택한 한 가지 색으로 캔버스를 채우는 단색 레이어입니다.

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

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

스튜디오 배경Studio Background

여러 방향의 조명과 은은한 움직임을 더해 스튜디오 촬영 배경을 만듭니다.

페이지로 열기 ↗