Transition effects are big part of Droplet visual communication. The film-track and slide-over transitions work in all 4 directions, meaning that the content can slide in from right-to-left, left-to-right, top-to-bottom, or bottom-to-top. The other cross-fade transition can either work alone or in conjunction with film-track or slide-over.

What is more individual animation strategy can be applied to each link in Droplet's content area making it possible to add character to your bits of information.

Needless to say, other parts of Droplet, like the navigation bar are also animated to provide extra clarity with visual dynamics.

For the next card, please choose your preferred transition strategy:

  1. Film-Track top-to-bottom;
  2. Film-Track + cross-fade right-to-left;
  3. Slide-Over bottom-to-top;
  4. Slide-Over + cross-fade left-to-right;
  5. Cross-Fade only.

As you can probably tell, there are 17 individual transition options in total.