(測試)最新活動

2019年度最新活動

May 16, 20190 comment

Hello world!

Welcome to WordPress. This is your first post. Edit or delete it,...

1 comment

blog post with image

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor...

October 30, 20142 comments

  1. 最新活動海報 – 1

    This slider plays with 3D perspective and performs some interesting animations on the right-hand side images.

  2. 最新活動海報 – 2

    We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide.

  3. 最新活動海報 – 3

    The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.

  4. 最新活動海報 – 4

    The items in the tilted container are either laid out in a column or in a row. For some directions we need to adjust the animation delays for the items, since we don’t want the items to overlap each other when they move in or out.

  5. 最新活動海報 – 5

    For smaller screens, the items on the right hand side will become less opaque and serve as decoration only. The focus will be on the description which will occupy all the width.

  6. 最新活動海報 – 6

    For the “line” navigation we use a little trick to make the clickable area a bit bigger: we add a thick white border to the top and bottom of the span. Since the border is part of the element, it will be part of the clickable zone.

恆常活動 - Event

恆常活動 - Event

恆常活動 - Event