CSS custom functions are here!!
10 days ago
- #Frontend
- #Web Development
- #CSS
- CSS custom functions are now available in Chrome 139, allowing for dynamic and organized CSS.
- The `@function` rule enables logic execution in CSS, accepting arguments and returning values.
- Five practical CSS functions are introduced: negation, opacity adjustment, fluid typography, conditional border radius, and responsive sidebar layout.
- A bonus function extends `light-dark()` theming beyond colors, supporting various style properties.
- Future CSS features like `@mixin` and `@apply` promise even more powerful styling capabilities.