- From: jsnkuhn via GitHub <sysbot+gh@w3.org>
- Date: Tue, 21 Feb 2023 13:56:27 +0000
- To: public-css-archive@w3.org
A recent article about transitioning a diamond shape element to an all 4 corner angled corner element on `:hover` with `clip-path`. This would be made much easier with `corner-shape: angle;` assuming the `corner-size` would be animate-able.
https://ngrmr.at/til/2023-01-06-transition-clip-path-polygon/
> --clip-offset: 50%;
clip-path: polygon(
var(--clip-offset) 0%,
calc(100% - var(--clip-offset)) 0%,
100% var(--clip-offset),
100% calc(100% - var(--clip-offset)),
calc(100% - var(--clip-offset)) 100%,
var(--clip-offset) 100%,
0% calc(100% - var(--clip-offset)),
0% var(--clip-offset)
);
--
GitHub Notification of comment by jsnkuhn
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6980#issuecomment-1438537472 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 21 February 2023 13:56:29 UTC