1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
<!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>