May 13, 2022
Create a Blurry Background Image with CSS /* The image used */ background-image: url(“photographer.jpg”); /* Add the blur effect */ filter: blur(8px); -webkit-filter: blur(8px); /* Full height */… Read More →
May 13, 2022
The navigation bar, often referred to as a “navbar,” serves as the digital compass of any website. It is the primary tool that allows users… Read More →
.background-img { width: 10px; height: 10px; margin: 0 auto; animation-name:img-ani; animation-duration: 2s; animation-timing-function: ease-in; } @keyframes img-ani { from{opacity:0;} to{opacity: 1;} }
February 5, 2022
Placeholder text serves as a subtle guide within form fields, indicating the expected input format or example. Most browsers render it in a pale gray… Read More →
January 7, 2022
Media queries are used in CSS to conditionally apply styles based on the size and characteristics of a device’s screen. They allow you to create… Read More →
Use the following code to limit word count
In the realm of web development, managing text layout is essential for creating readable and structured content. The line break element serves as a fundamental… Read More →
August 27, 2019
:nth-child Select the first list item li:nth-child(1) { } Selects the second element in a list li:nth-child(2) { color: lime; } Selects every fourth element… Read More →
CSS :nth-child() Selector Select Only the Fifth Element li:nth-child(5) { color: green; } Select All But The First Five li:nth-child(n+6) { color: green; } Select… Read More →
June 21, 2019
:not() pseudo-class with multiple arguments in html input:not([type=”radio”]):not([type=”checkbox”])