Radar detects any near by objects within its range. In this tutorial we will be animating radar symbol using CSS and HTML. Following is the CSS Class for Radar scan Symbol. The above code creates a static output The following…
The lock icon appears when the screen is locked. Have you ever wondered how to create it using CSS and add a shaking animation. In this tutorial we design the lock symbol and shake animation. Following is the CSS Class…
The yin-yang theory states that all things in the universe are governed by opposing, yet interdependent forces. Yin represents the passive and yang represents the active. One can find many ways to describe these opposing forces like night and day, or…
Square has equal width and height. Square is a very simple shape to start with, having the same width and height and is super easy to create with simple HTML and CSS. CSS Properties Definitions The CSS width property specifies…
Rectangle is created either by twice of width or height of the element. Rectangle is a very simple shape, having width as twice the height and is super simple to create using HTML and CSS. CSS Properties Definitions The CSS width property…
Circle is created by rounded borders of the element. Circle is a basic shape and is super simple to create using HTML and CSS. In this article we will learn about using border radius. CSS Properties Definitions The CSS width property specifies…
Trapezoid is created by having two parallel sides and two non parallel sides. Creating trapezoid using CSS and HTML is a intermediate tutorial. CSS Properties Definitions The border-bottom property specifies the bottom parallel side. The border-left property specifies the unparallel…
Triangle can be created by using border left, border right, border bottom. Triangle is a simple shape which is created by using CSS and HTML. CSS Properties Definitions The CSS border-left is property specified to remove left side The CSS…
In most games the reward system is given in the form of Diamonds one of the best example is Free Fire Diamond. Which allows buying in-game items such as characters, items, emotes etc., We will creating Diamond using CSS and…
