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-out for every slide.
The perspective view is achieved by adding a perspective value to the slide list item and tilting a division that contains the two screenshots.
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.
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.
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.
We deliver assessment technology so you can focus on the content.
Use our products to integrate or build and end-to-end solution that fits your business needsRead more
Our portable and on-location environments protect the validity of your test and its contentRead more
Reliable software that scales with your business - currently serving millions of students.Read more
Select them all or pick-and-choose to become a professional content publisher
Whether you have questions about our products or require assistance with consulting - our team are here to help!