The :has pseudo-class in CSS is a powerful selector introduced in CSS Selectors Level 4. This property allows developers to apply styles to an element based on the presence of its descendants or related elements, effectively enabling “parent” selectors, which [...]
The text-shadow feature in CSS adds a shadow to text. It takes a list of shadows separated by commas, which are added to the text and the decoration of that text. Each shadow is described by a combination of X [...]
One aspect in which websites lag behind native applications is the smooth user experience. The perception of a smooth experience largely comes from the user interface’s responsiveness to user interactions, with the action of scrolling content being a crucial part [...]
clip-path is a very interesting CSS property that allows you to “clip” a certain part of elements such as SVG, images, and HTML. The property creates a shape that determines which part of the element will be visible. The part [...]
I am sure you will find many methods and sources showing how to create a responsive table, some are good and some less so. Among these methods, you will find sophisticated tables built using CSS Grid, and even very simple [...]
The ::marker pseudo-element in CSS enables you to style the markers of list items. Whether you want to customize the appearance of bullets in an unordered list or the numbering in an ordered list, ::marker gives you the flexibility to [...]
Designing the scrollbars of the browser has become popular lately, and I encounter many websites styling it differently, fitting their overall design and branding. There are several ways to design these scrollbars, and in this post, we’ll see how to [...]
Among the various features CSS offers, the repeat function stands out as a valuable tool for efficiently managing repetitive patterns in layouts and design elements.
The CSS Text Decoration Module Level 3 gives us several ways to style text decoration beyond the basic underline / line-through toggle. Browser support today sits above 94% globally, so these properties are safe to use in production. Properties like [...]
In CSS, it is not possible to perform animation or partial gradient changes using the transition property. In other words, the following transition won’t work: .gradient { min-height: 200px; background-image: linear-gradient( to right, hsl(49.68, 97.89%, 62.75%), hsl(200, 51.54%, 44.51%) ); [...]
