- From: John A Bilicki III via GitHub <sysbot+gh@w3.org>
- Date: Sat, 04 Feb 2023 03:14:38 +0000
- To: public-css-archive@w3.org
@ramiy, looks like you forgot that when specifying a corner the first on starts at the top-left. Your `bendX(180deg)` also includes a rotation! It is critical to comprehend that bending can be useful to take a progress element and make it animate clockwise like how a clocks arms move. The top-left corner does not move since the bend filter (when positive) effects the other corners! So here is a fix for the `bendX(180deg)`: ![css_bend](https://user-images.githubusercontent.com/5625045/216742439-ebf2eee9-d32b-4c77-85f6-e0f90cebcaab.png) Additionally introducing bend (as desirable as it is) would create potential complications with `height`, `width` and related properties. I think having `width` set may end up down-sizing the element or visually "down-scaling" in a sense. Using CSS bend filter would make it much easier to create an animated pie chart out of a progress element to animate how much disk space a client is using. Additionally I could position multiple progress elements over each other to better visualize relative disk usage. The illustration has the top-left 1 point in the wrong position in almost every instance. Because of that it's difficult to visually determine what a proper `bendY()` would be however `bendZ()` makes sense conceptually (not really sure about the Z illustrations hoever). -- GitHub Notification of comment by jabcreations Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6293#issuecomment-1416645294 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 4 February 2023 03:14:40 UTC