Pour exemple celui du Aeon
Code : Tout sélectionner
{
"transitionTime": 400,
"selectPosition": 7,
"hide": false,
"hideStart": 1500,
"hideDuration": 1500,
"type": "horizontal",
"containerStyle": {
"perspective": "1000px",
"perspective-origin": "50% 700px"
},
"points": [
{"x":8.7, "y":55, "transform": "rotateY(30deg) ", "scale":0, "index":1},
{"x":8.7, "y":60, "transform": "rotateY(30deg) ", "scale":1, "index":2},
{"x":14.16, "y":60, "transform": "rotateY(30deg) ", "scale":1, "index":3},
{"x":19.62, "y":60, "transform": "rotateY(30deg) ", "scale":1, "index":4},
{"x":25.08, "y":60, "transform": "rotateY(30deg) ", "scale":1, "index":5},
{"x":30.54, "y":60, "transform": "rotateY(30deg) ", "scale":1, "index":6},
{"x":36, "y":60, "transform": "rotateY(30deg) ", "scale":1, "index":7},
{"x":44.85, "y":65, "transform": "rotate(0deg) translateZ(40px)", "scale":1.2, "index":8},
{"x":53.7, "y":60, "transform": "rotateY(-30deg) ", "scale":1, "index":7},
{"x":59.16, "y":60, "transform": "rotateY(-30deg) ", "scale":1, "index":6},
{"x":64.62, "y":60, "transform": "rotateY(-30deg) ", "scale":1, "index":5},
{"x":70.08, "y":60, "transform": "rotateY(-30deg) ", "scale":1, "index":4},
{"x":75.54, "y":60, "transform": "rotateY(-30deg) ", "scale":1, "index":3},
{"x":81, "y":60, "transform": "rotateY(-30deg) ", "scale":1, "index":2},
{"x":81, "y":55, "transform": "rotateY(-30deg) ", "scale":0, "index":2}
]
}
Et les translateX, Y et Z aussi^^