<!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <title>Choose the correct gradient repeat count even when there's a non-identity pattern matrix</title> <style> html { overflow: hidden; } div { width: 30px; height: 40px; background-image: repeating-linear-gradient(-36.8698976deg, blue, blue 5px, lime 5px, lime 10px); } </style> <div></div>