Creation Code

 CSS Loading Animation: CSS 3 dots loading animation is a very usefull project if you wanna make an app where you want a  loading animation like other apps. Giving a loading animation in your app or website will make your website or app look professional and it will give a great user experience and your app or website will go viral with this loading animation. We are going to see how we can make a loading animation using CSS Roadmap of loading animation: First we will create 3 div with class of 'dot dot1', 'dot dot2', 'dot dot3' Second we will create a simple dot shape  Third and final give each dot a different animation  HTML: <! DOCTYPE html > < html lang =" en "> < head >     < meta charset =" UTF-8 ">     < meta http-equiv =" X-UA-Compatible " content =" IE=edge ">     < meta name =" viewport " content =" width=device-width, initial-scale=1.0 ">     < titl...

Heart Pulse Animation Using HTML and CSS This heart animation is great for your website, blog post, or social media profile. It's beautiful and simple: just a pulsing heart in front of a solid black background. This tutorial will show you how to create a pulsing heart animation using html and css. HTML and CSS animation. In this tutorial, we'll be creating a simple pulsing heart animation using HTML and CSS. We'll explore the techniques necessary to create an animation that can be used in a variety of contexts, including websites, mobile apps, and embedded media. The finished product should look something like this: HTML: <! DOCTYPE html > < html lang =" en "> < head >     < meta charset =" UTF-8 ">     < meta http-equiv =" X-UA-Compatible " content =" IE=edge ">     < meta name =" viewport " content =" width=device-width, initial-scale=1.0 ">     < title >Heart Icon A...