W3C home > Mailing lists > Public > public-css-archive@w3.org > May 2021

Re: [csswg-drafts] [css-backgrounds] Make box-shadow a Shorthand Property (#4431)

From: Sofi Valitova via GitHub <sysbot+gh@w3.org>
Date: Thu, 20 May 2021 20:51:19 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-845468191-1621543876-sysbot+gh@w3.org>
> I guess `text-shadow` may also need this. @Loirooriol 

It is very important, because a change of text-shadow color causes a `Layout` of a document. But a change of text-shadow offset causes only a `Composite Layers`. (I have tested in a google chrome)

I build a demo about this: https://codepen.io/ariarzer/pen/NWpdwza

For block `.a` hover-animation: 
![image](https://user-images.githubusercontent.com/27442574/119043622-e82caa00-b9c1-11eb-91e0-2ea0cb53332c.png)

For block `.b` hover-animation: 
![image](https://user-images.githubusercontent.com/27442574/119043892-33df5380-b9c2-11eb-890c-f1ba8d4b6f9f.png)

It can be used, for example, when you want to shift a text for hovered button without a div-wrapper inside, like this: https://codepen.io/ariarzer/pen/bGqwGNY


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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 20 May 2021 20:51:22 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:33 UTC