The Chrome Dev Team has summarized the new CSS features introduced in Google Chrome over the past year on a well-designed webpage. This recap highlights new capabilities for developing more customizable components, next-gen interactions, and optimizing ergonomics.
Several of these features have also been closely observed:
- The Interest Invoker API and Invoker Commands allow for direct manipulation of dialog and popover elements in markup, reducing the need for JavaScript.
- More engaging narratives can be created with scroll state queries.
- The sibling-count() and sibling-index() functions, which have now been implemented, were highly anticipated.
- The attr() CSS function has been improved to perform as expected.
- A new method for conditionally adjusting properties is available through the if() function.
- Creating visually appealing elements is now simpler with shape() commands.
- Similarly, corner-shape() offers enhanced control over element corners, moving beyond just border-radius.
- Furthermore, the ability to define custom CSS functions has been introduced.
