"CSS Anchor Positioning gives us a simple interface to attach elements next to others just by saying which sides to connect - directly in CSS. It also lets us set a fallback position so that we can avoid the overflow issues we just described. Advanced attr() We've actually had the attr() function for something like 15 years. But now we're gonna be able to pass variables in there... with type conversion! We can already query containers by "type" but only by size. It'll be so much cooler when we can apply styles based on other styles."
"The contrast-color() function Getting the right color contrast between foreground text and background can be easy enough, but it's been more of a manual type thing that we might switch with a media query based on the current color scheme. With contrast-color() (I always want to write that as color-contrast(), maybe because that was the original name) we can dynamically toggle the color between white and black."
Browser vendors Blink, WebKit, and Mozilla are coordinating to provide full, consistent support for emerging CSS features. New capabilities include CSS Anchor Positioning to attach elements by connected sides and provide fallback positions to avoid overflow. The attr() function will accept variables with type conversion and container queries will be able to query by style as well as size. The contrast-color() function will let authors dynamically pick foreground colors for adequate contrast. Additional features include expanded selection-like pseudo-elements and text fragments for programmatic highlighting via URLs.
Read at CSS-Tricks
Unable to calculate read time
Collection
[
|
...
]