Best of CSS Tip — July 2024

1. 1
   Article

   CSS Tip·2y

   Get the screen width & height without JavaScript

   Learn how to obtain screen width and height as pixel values using only CSS, avoiding JavaScript. This method leverages @property and trigonometric functions, providing unitless values that update in real-time upon screen resize.

   211

   12
2. 2
   Article

   CSS Tip·2y

   Inverted border-radius using CSS mask

   Learn how to use a CSS mask to create an inverted radius corner with minimal code, without the need for extra elements or pseudo-elements, and optimized with CSS variables.

   174

   3