Category Archives: Animation

CSS Typing Animation Multiple Lines Typewriter Effect

Text animation always makes a site look awesome. Whether you implement hover effect or animate the text on page load. When we talk about some creative animation — In our mind Jquery and Javascript comes first but if we play with CSS, We can easily achieve similar effect what we can do with Js scripts.… Read More »

Pure CSS Typing Text Animation with Blinking Cursor

Adding nice and clean animation to a website can make it look good and eye-popping. There are many different ways to create a different type of animations. Today, I will show you a way of creating a Typewriter Effect with the help of Pure CSS. Its a simple typing animation with blinking cursor for text.… Read More »

Loading Animation Like Facebook Style with CSS

Do you want to create Facebook content placeholder? In this tutorial, I will show you how you can create a loading animation facebook style with CSS only. You have noticed such animation on Facebook while scrolling down. Before it loads the acutally post, It load placeholder elements for image and text. This effect also called… Read More »

Animated Hamburger Icon CSS Only

Do you want you to build a hamburger menu? Why not take a look these four nice and clean animated icons. It builds with CSS, even the buttons are created with CSS. No need to add Javascript but CSS3 only. The markup is simple with few lines of code. Just get the code and desired… Read More »

Scroll Down Arrow Animation with CSS

Looking for some unique scroll down arrow animation? Check out this list of 10 great CSS example with source code and demo. We build them with purely CSS only. These are very quick to implement by just copy and paste HTML and CSS code. We include few of nice arrow icons as well which surely… Read More »

Animated Scroll Down to Anchor

With the help of CSS and Jquery, We can easily add animated scroll down to the anchor button to allow the user to navigate to the content. This button helps your site visitor to navigate through your website without having the manually scroll. This tutorial will provide you with code and demo that you need… Read More »

Javascript Wave Animation for Headers & Footers

The Wave.js is a Javascript plugin which provides configurable Wave animation for header and footer. It simulates the waves on the surface of water using vanilla javascript and Canvas API. The plugin also has options to toggle the animation to stop them on a certain point or keep them running. It gives a nice and cool… Read More »

Hamburger Menu Animations with CSS3

Looking to add unique kind of hamburger menu animation with CSS3 only? This small plugin helps you to quickly add it. it is a plain HTML/CSS plugin which comes up with 8 different animations. These hamburger buttons are mobile and desktop friendly. It also easy to customize by edit the few lines of CSS file.… Read More »