Skeleton Loading Screen Animation using HTML and CSS

Skeleton screens are blank pages that are progressively populated with content, such as text and images, as they become available (i.e. when network latency allows). Grey or neutral-toned filled shapes, commonly called... Read more »

SVG Animation using GreenSock (gsap.min.js)

The following source code demonstrates the use of GreenSock (gsap.min.js) to show a sample SVG animation. Source Code : <style> body, html { width: 100%; height: 100%; } body { display: flex;... Read more »

Animated Card Slider using jQuery

In this article, we are going to design an animated card slider with next/previous button using jQuery. The following source code provides us with a card slider UI design with next and... Read more »
Moving Car Animation with CSS and JavaScript

Moving Car Animation with Javascript and CSS

In this post, we will be going through a simple moving car animation using only Javascript and CSS. We rotate wheels with CSS and move car using JavaScript. Full Source Code :... Read more »

Animate SnowFall in your webpage with CSS and JavaScript

In this post, we are going to learn to animate a snowfall in webpage using CSS and JavaScript. The full source code for this animation is as follows :   <script> var... Read more »