Posts by Devsheet

Read all articles posted by Devsheet programmers and content writers.

Create a Login modal popup using HTML and CSS

Login forms are a common feature on many websites and web applications, allowing users to securely access their personal accounts and data. One way to make the login process more user-friendly is by using a modal popup, which appears on top of the existing content and provides a focused interface for entering login credentials. In this article, we will explore how to create a login modal popup using HTML and CSS, two fundamental technologies of the web. We will cover the basic structure and styling of the modal popup. By the end of this tutorial, you will have a working login modal popup that you can use on your own website or web application.

Change color of <hr> element using CSS

The hr HTML element is used to create a horizontal line across the page. By default, the line is black. However, you can change the color of the line using CSS.

SHOW/HIDE a div when checkbox is checked using CSS only

Here is the code example that can be used to show a div when the checkbox is checked and hide the div when the checkbox is unchecked. We are implementing this functionality using CSS only.

10 methods to vertically center a text using CSS

One of the most common questions about CSS is how to vertically center something. The purpose of this post is to provide you with different solutions that will help you with your vertical centering needs.

Remove underline from link using CSS

You can use the text-decoration property of CSS to remove the underline from the link.

Create a simple Vertical menu using CSS Example 1

A simple example of creating vertical menu using CSS and HTML. We have created different examples for the same. This is one of them.

Add border radius to element CSS

To add border-radius on HTML element you can use 'border-radius' property of CSS.

Add image to background using CSS

In CSS you can add an image to the background to an HTML element using the 'background' or 'background-image' property of CSS

Change Last element style using CSS

You can change the style of the last HTML element of a group using CSS by using pseudo-class :last-child.

Change font color CSS

The color property can be used to change the color of fonts using CSS. You can pass a value to it in HEX or RGB format

Customize placeholder color in CSS

The code snippet can be helpful to change HTML input placeholder color using CSS

Capitalize, Uppercase, Lowercase, text-transform in CSS

You can do transform a text to its capitalized form, lowercase form, or uppercase form using text-transform CSS property.

Word spacing CSS

Define the space between words using the word-spacing property in CSS.

Remove chrome browser autofill background color CSS

In this post, we are going to explain some code examples that can be used to remove or set a different background color to the input controls that are added by the chrome browser by default.

Create skew background using CSS

In this post, we will see how to create a skewed background effect using just CSS.

Create rounded shape style button using CSS

When it comes to styling buttons on webpages, there are many different options to choose from. One popular style is the rounded shape button, which can be created using CSS. This type of button is often used for call-to-action buttons, as it stands out from the rest and is easy to click on. In this article, we'll show you how to create a rounded shape button using CSS.

Loading more...
Search all posts...