Skip to content

Latest commit

 

History

History
23 lines (18 loc) · 705 Bytes

defaults.mdx

File metadata and controls

23 lines (18 loc) · 705 Bytes
Raw

Defaults

It is possible to set default values for timelines and elements using the defaults option.

glaze({
  defaults: {
    tl: "defaults:ease-power2.inOut scrollTrigger.trigger-[&]",
    element: "to:x-500",
  },
});

Every timeline will use the ease-power2.inOut easing function and every element will move to the left by 500 pixels. On top of that, every element will be scrolled into view when it is being scrolled into view.

Note on timelines

Glaze creates a new timeline for each element by default, even if not marked with tl. This means that the tl defaults option is perfect for applying global defaults to all timelines and elements. (ScrollTrigger, ease etc.)