This extension helps you to add animated gradient effects to your app.
component:- Provide any component which is to be made with animated gradient
orientation:- Provide which orientation is to be given (Already Included in the extension)
startcolor:- Provide color at start.
midcolor:- Provide color at Mid.
endColor Provide color at End.
duration:- Here duration means the speed of the animation (should be in millis).
![block1](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/2/0/208fff34b2cd51216e54626755e1c433b57061fd.png)
Here is the usage
![use1](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/1/c/1c62caa5ff10191682dee8630ab0ddd674eebe2c.png)
Here comes the second block, which parses the hex color if you want hex color instead of inbuild color blocks
![block2](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/6/b/6b32cd580bee1d054f43f8b6a78baa769e04a993.png)
Heres the usage:-
![use2](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/a/d/ad36263c255df8ea7a960cddb63acb1d7d59c5e2.png)
Here’s the third block, which will be used when an error occurs:-
![block10](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/f/0/f0b79069b7dded3f83d5de0966141b6761d9bf9a.png)
You are familiar with this block
Here are the remaining orientation blocks:-
ORIENTATION:-
ORIENTATION:-
ORIENTATION:-
ORIENTATION:-
ORIENTATION:-
ORIENTATION:-
ORIENTATION:-
Added V-2:-
Designer Menu Items:-
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/4/4/44257b9b11e9b892cd1ff8deac6ca835e23fd49f.png)
Added Version – 2.1
- Pause Animation Block
- Resume Animation Block
- End Animation Block
- Start Animation Block
- Reverse Animation Block
![image](https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/e/5/e54e023781683e6e1da8ffb15d52a9293b8cb01f.png)