Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; cronometro has a deprecated constructor in /home/wdrfree/public_html/model/admin/model.php on line 4
animation free resources | Web Design Resources

Best animation Web Design, UI Inspiration, resources & Tutorials with Demo

animation background css

Web backgrounds are one of the most important aspects in the overall design and design of a website. Designers have been resorting to css animation to add more visual interest to the background of their website. These an

#Backgrounds #Animation #CSS2 / CSS3

Special Christmas html5 Code Snippets

If you want to dress up your website for Christmas these html5 code snippets are just the thing for you. CSS & Javascript christmas xmas lights Pure CSS Happy holidays See the Pen Happy Holidays! by Ana Travas (@an

#HTML 5 #Pure CSS #CSS2 / CSS3 #CSS #Animation

how to create a beautiful fullscreen single scrolling page

Created as a side project, fullPage.js is a jQuery and Javascript open source library to create full screen scrolling websites. Used and trusted by companies such as Google, McDonalds, EA, Vodafone and British Airway, it

#HTML 5 #Animation

How pure css animation background

Today more than a solution I bring a challenge. I am trying to make an infinite full-screen background animation using only CSS. When we use cover property (for fullscren background image) we do not have a fixed width of

#Playground #Pure CSS #Animation #Backgrounds

Pure CSS Beautiful Bokeh Christmas lights Animated

In photography, bokeh is the aesthetic quality of the blur produced in the out-of-focus parts of an image produced by a lens. Bokeh has been defined as "the way the lens renders out-of-focus points of light". With this&

#Backgrounds #Textures #Pure CSS #CSS2 / CSS3 #Animation

Pure CSS Flashing Christmas Tree with Sass

Simple Pure CSS Animation Flashing Christmas Tree with Sass. Use this snippet in your Christmas web design project See the Pen Flashing Christmas Tree with Sass by Michelle Barker (@michellebarker) on CodePen.

#Animation #Pure CSS #CSS2 / CSS3

Pure CSS Animation Hover for blissful Santa

Simple Pure CSS Animation on Hover Event. Use this snippet in your Christmas web design project See the Pen Waving Santa by ZeroSpree (@zerospree) on CodePen.

#Animation #Pure CSS #CSS2 / CSS3

Simple Simon Game with Javascript and CSS

Simon is an electronic game of memory skill invented by Ralph H. Baer and Howard J. Morrison,[1] with software programming by Lenny Cope, The device creates a series of tones and lights and requires a user to repeat the

#HTML5 Game #Playground #Animation #HTML 5

Reveal Animations When Scrolling — WOW.js

WOW.js is a JavaScript plugin that reveals animations when you scroll. Very Animate.css Friend.

#Animation #HTML 5 #Plugins

Very Simple Animated Loading Page Layout

This is a simple Layout that use for animated loading page, you only need show and hide #loader div  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

#Playground #Animation #HTML 5

How to Smooth Scrolling Navigation With jQuery in 3 easy steps

Smooth Scrolling is a technique which reduces the sudden jumps in display while scrolling. The content will appear to seamlessly flow in and out of the screen as you scroll. Many browsers ship with it, but it can also be

#HTML 5 #Animation #Menus

Vinyl Cover Animation (Pure CSS)

Hi Guys, we take a PUNK :) album vinyl cover, a little HTML, and some CSS3 transitions and transforms Hover to create a  vinyl animation effect for showing off the music you love. index.html The Markup will c

#Pure CSS #Animation #UI #Playground

Responsive Slide Toggle Menu

Responsive Slide Toggle Menu, Click on the hamburger menu icon to slide down the navigation menu by  See the Pen Responsive Slide Toggle Menu by Philippe (@Philippe_Fercha) on CodePen.

#Animation #Menus #UI

Nifty Modal Window Effects by Codrops

A set of experimental modal window appearance effects with CSS transitions and animations. Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appea

#Modal #CSS2 / CSS3 #Animation