LottieFiles
0:000:00

무료 Lottie with Conic Gradient (Radial Gradient) 애니메이션

1.2 KB

Example of Lottie with conic radial-gradient achieved using 3 layers. 1st Layer (Bottom): Flat color (RGB) 2nd Layer (Middle): Applied Radial Gradient (from top to mid of ring) 3rd Layer (Top): Masked the 2nd layer to hide the right side of the gradient ring. Note: Use this method when you want to achieve the conic gradient effect. For Radial gradient or Linear gradient, you don't need to create 3 layers, you can do it with just one.

Example of Lottie with conic radial-gradient achieved using 3 layers. 1st Layer (Bottom): Flat color (RGB) 2nd Layer (Middle): Applied Radial Gradient (from top to mid of ring) 3rd Layer (Top): Masked the 2nd layer to hide the right side of the gradient ring. Note: Use this method when you want to achieve the conic gradient effect. For Radial gradient or Linear gradient, you don't need to create 3 layers, you can do it with just one.

상호작용 및 플러그인

모두 보기
figma
after-effects
framer
canva
webflow
wix

Lottie 간단 라이센스 하에 무료 사용 가능

cookie

우리는 필수 웹사이트 기능과 사이트 사용 방식을 더 잘 이해하기 위해 쿠키를 사용하여 최상의 경험을 제공할 수 있도록 합니다. ❤️