Skip to content
This repository was archived by the owner on Aug 6, 2019. It is now read-only.

Conversation

@jefferyto
Copy link

This adds cssHooks for clip and the individual sides (clip-top, clip-right, clip-bottom, clip-left).

Accessing the individual clip sides is "non-standard", but I added them anyway because:

  1. Retrieving them gets the computed value instead of "auto", i.e. whereas elem.css("clip") may return "auto" (or a rect() with some or all sides as "auto"), elem.css("clip-top") would return "0px". This may be useful when you need a concrete value instead of "auto".
  2. With clip sides returning computed values, animating these becomes possible. Ideally we would support animating a full clip rect() but this was the easier approach.

Clip isn't as popular as many other CSS declarations, and browser support for it could be better (I've documented the browser bugs I've encountered in the source code), but I've used it enough in my work to motivate this code :-)

Thanks,
Jeff

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant