Skip to content

Tag Archives: CSS-Misc

Shadows are really a nice way to give depth and 3-D look to any text. Generally, we use text-shadow to give shadow to the text… Read More
A Wave Loader can be used in websites when something is loading it will provide better user experience, The wave loader can be easily created… Read More
Given an HTML document with heading and button, jQuery should fire an event when the CSS class of the button changes. Approach: In jQuery, there… Read More
Several times it is needed to display information on a website in the form of cards. Cards are basically a component containing a heading, an… Read More
The task is to fetch data from the given JSON file and convert data into an HTML table. Approach: We have a JSON file containing… Read More
Sass supports every at-rule that is a part of the proper CSS. In order to stay flexible and future-compatible with the upcoming versions of CSS,… Read More
The style “display” property in HTML DOM is used to set elements to “display” property. To set the button in the same line with other… Read More
In this article, we will discuss how the current amount of zoom can be found on a webpage. Method 1: Using outerWidth and innerWidth Property:… Read More
In this article, we will explain the very basics of CSS animations along with a demonstration of how to add a floating animation. CSS animations… Read More
Clocks are useful element for any UI if used in a proper way. Clocks can be used in sites where time is the main concern… Read More
Magnific Popup is a fast, light, mobile-friendly and responsive lightbox and modal dialog jQuery plugin. It can be used to open inline HTML, ajax loaded… Read More
This article will show the approach to add a gradient effect on text using the background-clip CSS property. The final output of text using this… Read More
The CSS of an element can be obtained using the getComputedStyle element function in JavaScript. It returns a JavaScript object containing CSS properties and their… Read More
Programmers can add images into the dropdown list for each items by two methods which are mentioned below. Method 1: Using CSS The .dropdown class… Read More
In this article, we create a navigation link by using the <nav> tag in the document. The nav element represents a section of the page… Read More