This is a demonstration of how structurally-sound HTML can be visually rearranged using CSS Grid. You’re seeing this note because your browser doesn’t yet support Grid. The content should still be comprehensible and accessible.

  1. is the bottom-most mask
  2. is composited with the previous mask using exclude
  3. is composited with the result of the previous step using add
  4. is the final result
  1. is the bottom-most mask
  2. is composited with the previous mask using subtract
  3. is composited with the result of the previous step using add
  4. is the final result
  1. is the bottom-most mask
  2. is composited with the previous mask using add
  3. is composited with the result of the previous step using subtract
  4. is the final result
  1. is the bottom-most mask
  2. is composited with the previous mask using add
  3. is composited with the result of the previous step using subtract
  4. is the final result
  1. is the bottom-most mask
  2. is composited with the previous mask using add
  3. is composited with the result of the previous step using exclude
  4. is the final result
  1. is the bottom-most mask
  2. is composited with the previous mask using intersect
  3. is composited with the result of the previous step using subtract
  4. is the final result