CSS & JavaScript Animations

GAMES

heads or tails game

Heads or Tails? Coin Flip JS

Roll the dice game

Roll the dice!

Caroline other mother

Coraline/ Other Mother – Walking Animation

CSS dice

CSS/jQuery/JS Playing Cube

CSS 3d cube

CSS & jQuery 3d Cube

CANVAS DRAWING

Sketchboad JavaScript

Sketchborad JavaScript

JS Signature Pad

JS Simple Signature Pad

TRAVEL ANIMATIONS

CSS Windmill Animation

CSS Windmill Animation

css windmill

CSS Animation- Windmill

pure css train animation

CSS Train Animation

CSS train animation

CSS Animation – Train

CSS Plane Animation

Thinking about traveling? CSS Plane Animation

CSS Car Animation

CSS Car Animation

Starting Rocket Illustration

CSS Earth & Moon

CSS Train Front Animation/ Loader

CSS Train Front Animation/ Loader

FOOD & DRINKS

CSS Coffee Express Animation

CSS Coffee Express Animation

CSS bday cake

Simple CSS Birthday Cake Animation

Bday Cake – CSS Animation

CSS prosecco

CSS Champagne Glass Animation

CSS Icecream

I’ts hot outside! /CSS Ice cream

CSS Doughnut

CSS Doughnut Animation

CSS Bitten Doughnut

Bitten Doughnut Animation

CSS jQuery Coffee Animation

jQuery setTimeOut method / Coffee, coffee more coffee…

CSS Party drinks

CSS Animation – Party drink

TIME

CSS Digital Clock

Digital Clock – CSS & JavaScript Animation

CSS Analog clock

What time is it? – CSS Analog Clock Animation

JavaScript time and date

JavaScript – Time and date

FOLLOW MOUSE ANIMATIONS

CSS Eye follow mouse cursor

jQuery mousemove() Method/ CSS Eye Animation

jQuery mouseover method

jQuery mouseover() Method/ Escaping Dots Animation

Rocket Illustration

JavaScript onmousedown event/ Astronaut

EASTER

CSS Easter Eggs

CSS Egg Shape and CSS Easter eggs

CSS Easter Egg Animation

CSS EASTER EGG ANIMATION/ CSS Hover Transition

Happy Easter! /CSS Easter Animation

Happy Easter! /CSS Easter Animation

WINTER & CHRISTMAS

CSS Snowfall /Window view

CSS Winter Window Scene

CSS Snowglobe/ Christmas Tree

CSS Christmas Tree Snow Globe

Pure CSS Snowfall

CSS Snowfall

CSS christmas tree card

CSS Christmas Card

CSS Christmas Tree

CSS Christmas Tree

CSS Snowfall Animation

Let it snow! CSS Snowfall Animation(for an Image)

CSS Snowball

CSS Animation – Snowball

VALENTINE’S DAY

CSS love letter /envelope

CSS Valentine’s Day Card

Pure CSS Heart Shape and heartbeat

CSS Heart Shape & Heartbeat Animation

CSS Valentine’s Day Card

Fast & easy CSS Valentine’s Day Animation (Heartbeat)

Fast & easy CSS Valentine’s Day Animation (Heartbeat)

SPORT

CSS Bouncing Basketball

CSS Bouncing Basketball

CSS Windsurfing

CSS Windsurfing

ST. PATRICK’S DAY

CSS clover/ Shamrock

CSS Clover/ Shamrock

CSS Pot of gold coins

Pot of gold coins – CSS Animation

HALLOWEEN

CSS Rain Animation

Storm over the Haunted House?Yes! CSS Rain Animation

CSS Halloween/ Ghost

CSS/jQuery Ghost Animation

CSS Pumpkin

CSS Halloween Pumpkin

CSS Scarecrow

CSS Scarecrow

TEXT EFFECTS

CSS Rainbow Text Effect

Pure CSS Rainbow Text Animation

CSS Earth

Happy Earth Day! /lettering.js

typewriter illustration

JS Typing Effect

css long shadow text effect

CSS Long Shadow Text Effect

BUTTONS

CSS Shiny button

CSS Shiny Button

MISCELLANEOUS

CSS Bubbles

CSS Bubbles

CSS Paper plane animation

CSS Paper Plane Animation

CSS Avatar + Parallax.js

Honey Bee Progress Bar

JS Progress Bar/ Bee Progress Bar

before & after

How to compare two images with JavaScript?

CSS Shake Animation

CSS Shake Animation

CSS Cat Animation

Working from home…with a Cat

CSS Background Change Animation – Day & Night

CSS Background Change Animation – Day & Night

CSS Folded Greeting Card

CSS Folded Birthday Card