Archivi: Slide Show

List Slide

Close-up

è una forma di spettacolo che nasce in America negli anni Quaranta dove il mago interagisce con il pubblico a distanza ravvicinata. È tuttora largamente diffuso e molto apprezzato.... Read more

CSS Animations

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... Read more

Tilted Items

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

Column or Row

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... Read more

Responsiveness

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... Read more

Navigation

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... Read more