Re: [csswg-drafts] [css-images] @image rule for manipulating images (#6807)

@jsnkuhn Note that the idea behind this feature is to allow manipulating _existing_ images.
Your example obviously is meant to _create_ one, which I believe is out of scope of this proposal.

Having said that, you could still achieve it with what was proposed earlier. With the proposed `@image-manipulation` rule (and yes, @LeaVerou, we should find a better name for it) this could be done with

```css
@image-manipulation --circle {
  width: 190px;
  aspect-ratio: 1;
  clip-path: circle(closest-side);
}

.category-link {
  background-image: manipulate-image(image(#e2edfb), --circle);
  background-repeat: no-repeat;
  background-position: center center;
}
```

Sebastian

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


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

Received on Friday, 10 June 2022 22:12:05 UTC