Found 1594 Articles for CSS

Hide the cursor on a webpage using CSS and JavaScript

Rushi Javiya
Updated on 10-Mar-2023 16:27:22

6K+ Views

In this tutorial, we will learn to hide the cursor in a webpage using CSS and JavaScript. Sometimes, we need to create our style cursor, and then we need to hide the cursor. Maybe it also needed to hide the cursor for a particular HTML element. There are two ways to hide the cursor on the Webpage. One uses CSS, and another uses JavaScript. We will learn both approaches one by one in this tutorial. Use the CSS to hide the cursor on the Webpage The CSS allows us to change the style of the cursor. We can ... Read More

How to change the color of an image to black and white using CSS?

Shabaz Alam
Updated on 03-Jul-2024 17:33:53

16K+ Views

To change the color of an image to black and white using CSS, is a simple process that can be done using various approaches. In this article, we will learn and understand two different methods for changing an image to black and white using CSS. We are having an image in this article, our task is to change the color of image to black and white using CSS Approaches to Change Color of Image to Black and white Here is a list of approaches to change the color of an image to black and white using CSS with step wise ... Read More

How to change the cases of text in paragraph using CSS?

Shabaz Alam
Updated on 09-Mar-2023 17:50:04

708 Views

CSS (Cascading Style Sheets) is a powerful tool for controlling the layout and appearance of text on a website. In this article we will learn how to change the cases of text in paragraphs using CSS. When it comes to styling text on a website, one of the basic and common styling options is changing the case of the text, and we can do this easily with the text-transform property in CSS. The text-transform property can take one of the following values − "capitalize" will capitalize the first letter of each word in the selected element. "uppercase" will ... Read More

How to change link color in CSS?

Shabaz Alam
Updated on 09-Sep-2024 15:27:47

6K+ Views

To change link color in CSS, is a very simple process. We will be understanding different approaches to change link color in CSS. In this article, we are having various links, our task is to change link colors using CSS. Approaches to Change Link Color in CSS Here is a list of approaches to change link color in CSS which we will be discussing in this article with stepwise explaination and complete example codes. Changing Link Color using CSS Selectors Changing Link Color Based on State Changing Link Color using ... Read More

How to change image on hover with CSS?

Shabaz Alam
Updated on 28-Aug-2024 11:28:18

20K+ Views

To change image on hover with CSS, we will be using :hover psuedo-class. In this article, we have discussed two different approaches to change image on hover with CSS properties. We are having an image in our HTML document, our task is to change the image when we hover over the image. Approaches to Change Image on Hover Here is a list of approaches to change image on hover with CSS which we will be discussing in this article with stepwise explaination and complete example codes. Change Image on Hover Using background Property ... Read More

How to change the position of the scrollbar using CSS?

Shabaz Alam
Updated on 10-Jul-2024 14:59:26

53K+ Views

To change the position of the scrollbar using CSS, there are various approaches which can be implemented to change scrollbar position and can be placed in any of four directions. In this article we are having div elements with text content inside it. Our task is to change the position of scrollbar in different direction. We will be changing the scrollbar position to right, left, top and bottom. Approaches to Change the Position of the Scrollbar Here is a list of approaches to change the position of the scrollbar using CSS which we will be discussing in this article with ... Read More

How to change the color of selected text using CSS?

Shabaz Alam
Updated on 22-Aug-2024 10:37:00

6K+ Views

To change the color of selected text using CSS, is a simple task which can be achieved using ::selection psuedo element. In this article, we are having text content which are written using various HTML tags, our task is to change the color of selected text using CSS. Changing color of selected text using CSS In example 1, we are having a div element, an H3 element and a p element with some text written in it. We have used "::selection" pseudo-element selector which changes the background-color and text color of ... Read More

How to change the color of the radio button using CSS?

Shabaz Alam
Updated on 19-Jul-2024 15:27:07

28K+ Views

To change the color of the radio button using CSS, is a simple process that can be achieved using various approaches. In this article, we will learn and understand two different approach for changing the color of the radio button using CSS. Radio buttons allows to select one option out of many available options. In this article, we are having a radio button and our task is to change the color of radio button using CSS. Approaches to Change the Color of the Radio Button Here is a list of approaches to change the color of the radio button using ... Read More

How to change the font size using CSS?

Shabaz Alam
Updated on 09-Mar-2023 14:35:21

1K+ Views

CSS, or Cascading Style Sheets, is a powerful tool for controlling the visual presentation of a webpage. One aspect of this is the ability to adjust the font size of text elements on the page. This can be done by using the font-size property. To set a specific font size for a particular element, we use a class or ID selector in conjunction with the font-size property. In this article we will see multiple example to change the font size using CSS - By using the font-size property, we can set a specific font size for a specific element ... Read More

How to adjust CSS for specific zoom level?

Shabaz Alam
Updated on 25-Sep-2024 14:15:12

12K+ Views

To adjust CSS for specific zoom level, we will be using CSS media queries which changes the div box style for different zoom levels. In this article, we will be discussing step wise process for using media queries to adjust CSS for specific zoom level. In this article, we are having a div box with initial green background and our task is to adjust CSS for specific zoom level. Steps to Adjust CSS for Specific Zoom Level We will be following below mentioned steps to adjust CSS for specific zoom level. We have used div ... Read More

Advertisements