Re: [csswg-drafts] [css-transforms-2] proposal: new "transform: bend();" function (#6293)

@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