[
  {
    "name": "range rover",
    "href": "https://www.landrover.com.cn/",
    "layers": [
      {
        "type": "image",

        "image": "static/albums/range-rover/bg.jpg",

        "styles": {
          "height": "100%",
          "top": 0,
          "left": "-7.733%"
        },

        "transition": {
          "timing": "in-out-cube",

          "styles": {
            "enter": {
              "left": "0%"
            },
            "stay": {
              "left": "-7.733%"
            },
            "leave": {
              "left": "-15.466%"
            }
          }
        }
      },
      {
        "type": "image",

        "image": "static/albums/range-rover/slogon.png",

        "styles": {
          "width": 150,
          "top": 50,
          "right": 20
        },

        "transition": {
          "timing": "in-back",

          "styles": {
            "enter": {
              "translateX": "-100px"
            },
            "stay": {
              "translateX": "0px"
            },
            "leave": {
              "translateX": "10px"
            }
          }
        }
      }
    ]
  },

  {
    "name": "BMW",
    "href": "http://www.bmw.com.cn/",
    "layers": [
      {
        "type": "video",

        "poster": "static/albums/bmw/album.png",
        "video": "static/albums/bmw/light.mp4",

        "styles": {
          "width": "100%",
          "height": "100%",
          "position": "static"
        },

        "transition": {
          "timing": "in-quart",

          "styles": {},

          "duration": {
            "enter": {
              "currentTime": 0
            },
            "stay": {
              "currentTime": "@duration"
            },
            "leave": {
              "currentTime": 0
            }
          }
        }
      },
      {
        "type": "group",

        "children": [
          {
            "type": "image",

            "image": "static/albums/bmw/logo.png",

            "styles": {
              "width": "140px",
              "top": "0",
              "left": "0"
            }
          },
          {
            "type": "text",

            "text": "属于你的驾驶乐趣",

            "styles": {
              "width": "@containerWidth - 160",
              "color": "white",
              "font-size": "22px",
              "top": "0",
              "left": "160px"
            }
          }
        ],

        "styles": {
          "top": "10%",
          "left": "5%",
          "width": "100%",
          "height": "100%"
        },

        "transition": {
          "timing": "in-quart",

          "styles": {
            "enter": {
              "opacity": 0,
              "top": "0%"
            },
            "stay": {
              "opacity": 1,
              "top": "10%"
            },
            "leave": {
              "opacity": 0,
              "top": "0%"
            }
          }
        }
      }
    ]
  },

  {
    "name": "lexus ls",
    "layers": [
      {
        "type": "image",

        "image": "static/albums/lexus/bg.jpg",

        "styles": {
          "height": "100%",
          "top": 0
        },

        "transition": {
          "timing": "linear",

          "styles": {
            "enter": {
              "left": "0"
            },
            "stay": {
              "left": "-1.2%"
            },
            "leave": {
              "left": "-2.4%"
            }
          }
        }
      },
      {
        "type": "image",

        "image": "static/albums/lexus/car.png",

        "styles": {
          "width": "60%",
          "left": "30%",
          "bottom": 22
        },

        "transition": {
          "timing": "in-quart",

          "styles": {
            "enter": {
              "left": "40%",
              "bottom": 33
            },
            "stay": {
              "left": "15%",
              "bottom": 22
            },
            "leave": {
              "left": "5%",
              "bottom": 11
            }
          }
        }
      },
      {
        "type": "image",

        "image": "static/albums/lexus/flare.png",

        "styles": {
          "width": "100%",
          "height": "100%",
          "left": "0",
          "bottom": "0",
          "opacity": 0.7,
          "transform-origin": "left bottom"
        },

        "transition": {
          "timing": "in-cube",

          "styles": {
            "enter": {
              "rotate": "60deg",
              "scale": 0.7
            },
            "stay": {
              "rotate": "4deg",
              "scale": 1
            },
            "leave": {
              "rotate": "-60deg",
              "scale": 0.2
            }
          }
        }
      },
      {
        "type": "group",

        "children": [
          {
            "type": "text",

            "text": "巅峰呈现",

            "styles": {
              "font-size": "22px",
              "position": "static"
            }
          },
          {
            "type": "text",

            "text": "旗舰级豪华轿车 雷克萨斯LS",

            "styles": {
              "font-size": "18px",
              "position": "static"
            }
          }
        ],

        "styles": {
          "color": "white",
          "width": "100%",
          "height": "100%",
          "right": "10%",
          "top": "8%",
          "text-align": "right"
        },

        "transition": {
          "timing": "in-quart",

          "styles": {
            "enter": {
              "opacity": 0,
              "right": "40%"
            },
            "stay": {
              "opacity": 1,
              "right": "20%"
            },
            "leave": {
              "opacity": 1,
              "right": "3%"
            }
          }
        }

      }
    ]
  },

  {
    "name": "cartier",
    "layers": [
      {
        "type": "image",

        "image": "static/albums/cartier/bg.jpg",

        "styles": {
          "height": "100%",
          "top": 0,
          "left": "-4.266%"
        },

        "transition": {
          "timing": "in-quart",

          "styles": {
            "enter": {
              "scale": 3
            },
            "stay": {
              "scale": 1
            },
            "leave": {
              "scale": 1.1
            }
          }
        }
      },
      {
        "type": "image",

        "image": "static/albums/cartier/logo.png",

        "styles": {
          "width": 150,
          "top": 50,
          "left": 50
        },

        "transition": {
          "timing": "in-quart",

          "styles": {
            "enter": {
              "left": 0
            },
            "stay": {
              "left": 50
            },
            "leave": {
              "left": 80
            }
          }
        }
      }
    ]
  }
]