Tag background
How To Use Css @Supports For Feature Detection And Safe Fallbacks
What it is: @supports asks the browser "do you understand this CSS?" and applies a block of styles only if the answer is yes. It is the safe way to…
How To Use Css Counters For Automatic Numbering Of Headings And Lists
What it is: CSS can count elements for you and show the number with ::before or ::after. You never type the numbers by hand, so if you add or remove…
How To Use Css Mask-Image For Fade Effects And Custom Shapes
What it is: a mask decides which parts of an element are visible, using the transparency of an image or a gradient. Where the mask is solid, the element shows.…
How To Style Keyboard Focus With Css :Focus-Visible For Accessibility
What it is: when someone navigates with the Tab key, the browser shows an outline around the active link or button. Many designers remove it because it looks ugly, which…
Css @Function And If(): Custom Functions And Inline Conditions
What it is: two new features that bring programming logic into CSS. @function lets you write your own reusable function. if() lets a property choose between values based on a…
