Re: [csswg-drafts] [css-images-4] possible element() use cases for spec (#6998) from jsnkuhn via GitHub on 2022-03-31 (public-css-archive@w3.org from March 2022)

From: jsnkuhn via GitHub <sysbot+gh@w3.org>
Date: Thu, 31 Mar 2022 17:39:37 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-1084913439-1648748375-sysbot+gh@w3.org>

Another possibility: 

![image](https://user-images.githubusercontent.com/1286791/161115077-f5cfad0d-33fa-4f9a-81f6-a54b4d8d8b81.png)

This sort of thing is very easy to do with raster images because you could just reuse the same file path in the css and the img tag but if you're rocking a inline svg for an image/logo element() seems like the best option.

https://codepen.io/jsnkuhn/pen/dyJVObX?editors=1100

example uses background-blend-mode on the svg but this combine with the background-image manipulation from the @image suggestion in #6807 could give more control

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


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

Received on Thursday, 31 March 2022 17:39:40 UTC