Re: [csswg-drafts] [css-images] symmetrical/mirrored css gradients (#7534)

Occurs to me that many of the gradient patterns in use are about layering mirrored versions of a primary gradient. So a mirror syntax could probably simplify many of them. Examples from https://projects.verou.me/css3patterns/

checker board pattern (https://projects.verou.me/css3patterns/#checkerboard):

```css
background-image: linear-gradient(red 50%, #0000 50%);
background-size: 20px 20px;
background-repeat: repeat, mirror-x no-mirror;
```

diamond pattern (https://projects.verou.me/css3patterns/#diagonal-checkerboard):

```css
background-image: linear-gradient(to bottom right, gray 50%, silver 0);
background-size: 20px 20px;
background-repeat: repeat, mirror-y mirror-x;
```

-- 
GitHub Notification of comment by jsnkuhn
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7534#issuecomment-1198138401 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 28 July 2022 13:25:15 UTC