animated-gradient-call-active-style.json
2.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
{
"styles": {
"IncomeBackground": {
"background": {
"visualType": "ANIMATED_GRADIENT",
"gradientType": "RADIAL",
"unitType": "USER_SPACE",
"startPosition": [0.0, 0.0],
"endPosition": [180.0, 0.0],
"startColor": [0.1333, 0.1647, 0.2941, 1.0],
"endColor": [0.0784, 0.3961, 0.4863, 1.0],
"rotateCenter": [0.0, 0.0],
"rotateAmount": 0.0,
"offset": {
"startValue": 0.0,
"targetValue": 2.0,
"directionType": "BACKWARD",
"duration": 1.25,
"delay": 0.0,
"repeat": -1,
"repeatDelay": 0.0,
"motionType": "LOOP",
"easingType": "LINEAR"
}
}
},
"ActiveBackground":{
"background":{
"visualType": "ANIMATED_GRADIENT",
"gradientType": "RADIAL",
"unitType": "USER_SPACE",
"startPosition": [0.0, 0.0],
"endPosition": [180.0, 0.0],
"startColor": [0.1066, 0.1318, 0.2353, 1.0],
"endColor": [0.0627, 0.3169, 0.3890, 1.0],
"rotateCenter": [0.0, 0.0],
"rotateAmount": 0.0,
"offset": {
"startValue": 0.0,
"targetValue": 2.0,
"directionType": "BACKWARD",
"duration": 4.0,
"delay": 0.0,
"repeat": -1,
"repeatDelay": 0.0,
"motionType": "LOOP",
"easingType": "LINEAR"
}
}
},
"DeclineButton":{
"background":{
"visualType": "ANIMATED_GRADIENT",
"gradientType": "LINEAR",
"unitType": "USER_SPACE",
"startPosition": [-180.0, 0.0],
"endPosition": [180.0, 0.0],
"startColor": [0.8941, 0.0078, 0.0078, 1.0],
"endColor": [1.0000, 0.5961, 0.0000, 1.0],
"rotateCenter": [0.0, 0.0],
"rotateAmount": 0.78539816,
"offset": {
"startValue": 0.0,
"targetValue": 2.0,
"directionType": "FORWARD",
"duration": 1.8,
"delay": -1.2,
"repeat": -1,
"repeatDelay": 1.2,
"motionType": "LOOP",
"easingType": "IN_OUT"
}
}
}
}
}