Animación gratuita 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.
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.
- dotLottie optimizadoRecomendado
El tamaño de archivo más pequeño con compatibilidad con temas, máquinas de estados e interactividad.
- dotLottie1.2 KB
Animación Lottie comprimida que admite temas y máquinas de estados.
- Lottie JSON optimizado2.6 KB
Formato JSON optimizado para una carga más rápida con compatibilidad estándar con Lottie.
40% más pequeño que Lottie JSON - Lottie JSON4.4 KB
Formato de animación Lottie estándar con amplia compatibilidad entre herramientas y plataformas.
Other export formats
Interacciones y complementos
Ver todo
Gratis para usar bajo la Licencia Simple de Lottie