Loading Spinner using CSS

 

 Hello readers, In this tutorial, I am going to create a simple loading spinner using CSS. Showing Loader for the long-running process is common for any web application. Simple Loading Spinner using CSS: Here I am going to create a simple Loading Spinner using CSS. CSS: .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow:…

Read More

Element Selectors in CSS

 

 Hello Friends, In this tutorial  I am going to show you how to apply CSS using Element Selectors on different DOM element. Introduction: Selectors that specify the selection criteria based on the names of the elements are called the elements selectors. Different type of Element Selectors: 1- element1 ~ element2: Syntax: div~ul { // Your…

Read More

CSS box-shadow Property

 

 Hello Friends, In this tutorial, I am going to show you how to apply shadow using box-shadow property on any HTML element. We can apply shadow to a frame without using any image. CSS box-shadow Property: Box-shadow property is used to drop shadow to HTML element. The syntax for defining box-shadow to an HTML element is:…

Read More

Media Queries for Resolutions

 

 Hello readers, In this tutorial, we are going to see different types of Media Queries for Resolutions to create a responsive design. Media Queries for Resolutions: Here are the different types of Mediq Queries to create a responsive design. Media Query for  iPhone (Original, 3G, 3GS) : @media only screen and (min-device-width: 320px) and (max-device-width:…

Read More