Category CSS

Indian Flag using HTML and CSS

In this tutorial we will learn how to create the vibrant and iconic tricolor flag of India using HTML and CSS. We created this website using HTML and CSS, ensuring a lightweight and fast-loading experience. The flag’s design is achieved…

Hypnosis spiral Animation using HTML and CSS

Staring at a rotating spiral pattern produces a hypnotic effect; the pattern seems to either expand or contract, depending on the direction of rotation. CSS Properties Following are the CSS properties used: Background: The background shorthand CSS property sets all…

Ninja Blade HTML and CSS animation

Did ninjas really use stars? Absolutely. The shuriken, or throwing star, was one of the ninja’s primary defensive weapons. CSS Properties Following are the CSS properties used: Background-size: The background-size CSS property sets the size of the element’s background image.…

Globe Animation using HTML and CSS

A globe is a spherical model of Earth, of some other celestial body, or of the celestial sphere. Globes serve purposes similar to maps, but unlike maps, they do not distort the surface that they portray except to scale it…

Boxes to box Animation

Boxes to box loading animation. using html and CSS CSS Properties Following are the CSS properties used: Code Block Here is the code for implementing the Boxes to box Animation. Yay! We have created the static Boxes to box Animation.…

Text Gradient Animation HTML and CSS

Animated Gradient Text. Let’s make that animated gradient text effect with HTML and CSS using your favorite code editor Visual Studio Code. CSS Properties Following are the CSS properties used: Code Block Here is the code for implementing the Text Gradiant Animation.…