CSS Images Module Level 3 CR Test Suite

Gradients (14 tests)

Test Refs Flags Info
+ 3 Gradients
gradient-button = Gradients with padding
  • gradients cover element padding
gradients-with-border = Gradients with borders
  • Correct placement and rendering of gradients inside elements with borders.
+ 3.1 Linear Gradients: the linear-gradient() notation
border-image-image-type-003 = Bitmaps The 'border-image-source' property with a linear gradient as a value
  • This test checks that a linear gradient image type is used instead of the border styles.
normalization-linear = Linear gradient stop normalization
  • Rendering of linear-gradient with normalized color stops
normalization-linear-2 = Linear gradient stop normalization
  • Rendering of linear-gradient with normalized color stops
+ 3.1.1 linear-gradient() syntax
+ 3.1.2 Linear Gradient Examples
+ 3.2 Radial Gradients: the radial-gradient() notation
normalization-radial = Radial gradient stop normalization
  • Rendering of radial-gradient with normalized color stops
normalization-radial-2 = Radial gradient stop normalization
  • Rendering of radial-gradient with normalized color stops
+ 3.2.1 radial-gradient() Syntax
+ 3.2.2 Placing Color Stops
gradient-move-stops = Linear gradient which needs some positions changed and inferred.
+ 3.2.3 Degenerate Radial Gradients
+ 3.2.4 Radial Gradient Examples
+ 3.3 Repeating Gradients: the repeating-linear-gradient() and repeating-radial-gradient() notations
normalization-conic-degenerate = Conic gradient stop normalization
  • Rendering of repeating-conic-gradient w/ stops at the same place
normalization-linear-degenerate = Linear gradient stop normalization
  • Rendering of repeating-linear-gradient w/ stops at the same place
normalization-radial-degenerate = Radial gradient stop normalization
  • Rendering of repeating-radial-gradient w/ stops at the same place
+ 3.4 Defining Gradient Color
+ 3.4.1 Color Stop Lists
gradient-refcrash = Does this gradient crash the browser?
  • Gradients with total length zero and absolute positioned stops do not crash.
+ 3.4.2 Coloring the Gradient Line
linear-gradient-1 = Linear gradient with some inferred positions
  • Calculation of implicit gradient stops.
linear-gradient-2 = Linear gradient with all inferred positions
  • Calculation of implicit gradient stops.
+ 3.4.3 Color Stop “Fixup”