Jekyll2026-05-24T01:11:00+00:00https://rixx.github.io/baseline-updates/feed/by_tag/transitions.xmlBaseline UpdatesUpdates to the Baseline collection. Including RSS feeds (both for all updates and individual tags).New in High Baseline Support: steps() easing2023-03-16T00:00:00+00:002023-03-16T00:00:00+00:00https://rixx.github.io/baseline-updates/2023/03/16/steps-easingcaniuse · mdn · spec

The steps() CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. The step-start and step-end keyword values are presets with a single interval.

Source features

  • css.types.easing-function.steps [mdn]
  • css.types.easing-function.steps.jump [mdn]
]]>New in Low Baseline Support: steps() easing2020-09-16T00:00:00+00:002020-09-16T00:00:00+00:00https://rixx.github.io/baseline-updates/2020/09/16/steps-easingcaniuse · mdn · spec

The steps() CSS easing function divides an animation or transition into equidistant intervals, jumping from value to value. The step-start and step-end keyword values are presets with a single interval.

Source features

  • css.types.easing-function.steps [mdn]
  • css.types.easing-function.steps.jump [mdn]
]]>New in High Baseline Support: Transitions (CSS)2018-03-30T00:00:00+00:002018-03-30T00:00:00+00:00https://rixx.github.io/baseline-updates/2018/03/30/transitionscaniuse · mdn · spec

The transition shorthand CSS property sets how changes to an element’s styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.

Source features

  • api.TransitionEvent [mdn]
  • api.TransitionEvent.elapsedTime [mdn]
  • api.TransitionEvent.propertyName [mdn]
  • css.properties.transition [mdn]
  • css.properties.transition-delay [mdn]
  • css.properties.transition-duration [mdn]
  • css.properties.transition-property [mdn]
  • css.properties.transition-property.all [mdn]
  • css.properties.transition-property.none [mdn]
  • css.properties.transition-timing-function [mdn]
  • api.TransitionEvent.TransitionEvent [mdn]
  • api.Element.transitionend_event [mdn]
  • api.TransitionEvent.pseudoElement [mdn]
  • api.Element.transitionrun_event [mdn]
  • api.Element.transitionstart_event [mdn]
  • api.CSSTransition [mdn]
  • api.CSSTransition.transitionProperty [mdn]
  • api.Element.transitioncancel_event [mdn]
]]>New in High Baseline Support: cubic-bezier() easing2018-01-29T00:00:00+00:002018-01-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2018/01/29/cubic-bezier-easingcaniuse · mdn · spec

The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.

Source features

  • css.types.easing-function.cubic-bezier [mdn]
]]>New in Low Baseline Support: Transitions (CSS)2015-09-30T00:00:00+00:002015-09-30T00:00:00+00:00https://rixx.github.io/baseline-updates/2015/09/30/transitionscaniuse · mdn · spec

The transition shorthand CSS property sets how changes to an element’s styles may occur over time. Transitions can be applied to specific CSS properties, all properties, or none.

Source features

  • api.TransitionEvent [mdn]
  • api.TransitionEvent.elapsedTime [mdn]
  • api.TransitionEvent.propertyName [mdn]
  • css.properties.transition [mdn]
  • css.properties.transition-delay [mdn]
  • css.properties.transition-duration [mdn]
  • css.properties.transition-property [mdn]
  • css.properties.transition-property.all [mdn]
  • css.properties.transition-property.none [mdn]
  • css.properties.transition-timing-function [mdn]
  • api.TransitionEvent.TransitionEvent [mdn]
  • api.Element.transitionend_event [mdn]
  • api.TransitionEvent.pseudoElement [mdn]
  • api.Element.transitionrun_event [mdn]
  • api.Element.transitionstart_event [mdn]
  • api.CSSTransition [mdn]
  • api.CSSTransition.transitionProperty [mdn]
  • api.Element.transitioncancel_event [mdn]
]]>New in Low Baseline Support: cubic-bezier() easing2015-07-29T00:00:00+00:002015-07-29T00:00:00+00:00https://rixx.github.io/baseline-updates/2015/07/29/cubic-bezier-easingcaniuse · mdn · spec

The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.

Source features

  • css.types.easing-function.cubic-bezier [mdn]
]]>