Skip to content

Tag Archives: CSS-Selectors

Sidebar menu is a component that is used for vertical navigation. It can be customized and made responsive by using simple HTML and CSS. To… Read More
In this project, we are going to change the background color with the help of the Color Picker. Glimpse of the Project: Approach: Create an… Read More
In this article, we are going to create an Analog Clock. This is mainly based on HTML, CSS & Vanilla JavaScript. Approach: Create an HTML… Read More
In this article, we are going to create a profile card from where a user can check out the basic details of other users and… Read More
The :before and :after pseudo-elements allow one to add styling to the webpage without adding unnecessary markup. SVG content can be added using these pseudo-elements… Read More
The :focus-within pseudo-class is a selects an element that consists of a focused element as a child. The CSS rules are applied when any child… Read More
The CSS :placeholder-shown pseudo-class selects the input element or textarea element that is having placeholder text. The main difference between :placeholder-shown and ::placeholder is that… Read More
The :any-link selector is used to style every <a>, <area>, or <link> element that has an “href” attribute .It will skip applying CSS properties for… Read More
A scope element forms a context for a block of styles. That element provides a reference point for selectors to be matched against. A scope… Read More
:dir is used to select and change the properties of the text element having direction left to right or right to left. Syntax: :dir(ltr|rtl) Parameters:… Read More
The reflection effect is one of the coolest effects that one can use in his/her website. It is a type of informal effect so it… Read More
Buttons are undoubtedly one of the most important components of any website or app. A button should be designed in such a way that it… Read More
The Navbar is the main component of any website through which the user can navigate through all the components and sections of a site. That’s… Read More
The shock wave effect is also known as the explosion effect. It is one of the simple CSS effects. For a beginner, it is one… Read More
The CSS border animation using hover is used to create border animation when we hover over a text. The concepts that we are going to… Read More