CSS Transitions Module Level 1 CR Test Suite

Transitions (8 tests)

Test Refs Flags Info
+ 2 Transitions
marker-supported-properties-in-animation Script Supported properties in ::marker animations
  • This test checks ::marker supports animations and transitions, but only for the properties that apply to ::marker.
+ 2.1 The transition-property Property
+ 2.2 The transition-duration Property
+ 2.3 The transition-timing-function Property
transition-timing-function-002-manual transition-timing-function - 'ease' equivalent to 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'
  • The 'transition-timing-function' property set 'ease' is equivalent to cubic-bezier(0.25, 0.1, 0.25, 1.0)
transition-timing-function-003-manual transition-timing-function - 'ease-in' equivalent to 'cubic-bezier(0.42, 0, 1.0, 1.0)'
  • The 'transition-timing-function' property set 'ease-in' is equivalent to cubic-bezier(0.42, 0, 1.0, 1.0)
transition-timing-function-004-manual transition-timing-function - 'ease-in-out' equivalent to 'cubic-bezier(0.42, 0, 0.58, 1.0)'
  • The 'transition-timing-function' property set 'ease-in-out' is equivalent to cubic-bezier(0.42, 0, 0.58, 1.0)
transition-timing-function-005-manual transition-timing-function - 'ease-out' equivalent to 'cubic-bezier(0, 0, 0.58, 1.0)'
  • The 'transition-timing-function' property set 'ease-out' is equivalent to cubic-bezier(0, 0, 0.58, 1.0)
transition-timing-function-006-manual transition-timing-function - 'linear' equivalent to 'cubic-bezier(0.0, 0.0, 1.0, 1.0)'
  • The 'transition-timing-function' property set 'linear' is equivalent to cubic-bezier(0.0, 0.0, 1.0, 1.0)
transition-timing-function-010-manual transition-timing-function - steps(2)
  • Test checks that the first parameter of 'steps()' function specifies the number of intervals.
+ 2.4 The transition-delay Property
+ 2.5 The transition Shorthand Property
caret-color-017 Interact caret-color transition
  • Test checks that caret-color can be used in a transition