Lottie with Conic Gradient (Radial Gradient)

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.

1 year ago
  • Bodymovin Version: 5.5.8
  • Resolution: 1600 x 1600
  • Filesize: 4.37 KB
  • Colors
Report animation