jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Traffico : jQuery Animated Cars & Trucks Plugin

Traffico : jQuery Animated Cars & Trucks Plugin

Traffico is a jquery plugin that allow you to insert some funny vehicle running from a side to another side of your website.

  • Cross browser support
  • Easy to integrate
  • Well documented and fully supported
  • 64 images for 5 different vehicles in 5 different preset colors
  • All the vehicles are avaiable in 2 different styles: detailed & flat
  • Possibility to write on trucks
  • You can create 200+ combinations to make your website become unique
  • You can set up the speed of each vehicle
  • You can set that vehicles appear only once or in an endless loop
  • 40 preset functions

Expandable Image Gallery with CSS3 & jQuery

Expandable Image Gallery with CSS3 & jQuery

An image that expands on click, going full-width and turning into a gallery.

CSS3 Page Transitions

CSS3 Page Transitions

A rework of the original idea created by Hakim El Hattab. Created using JavaScript, CSS 3D transforms and CSS Animations.

  • Kontext: Original idea by Hakim El Hattab
  • Put On: A page drop effect
  • Circle: Layers do a circle transition
  • Bounce: Layers bounce after showing
  • Flip: 360º flip

jQuery Zoom-out Intro Effect with CSS3

jQuery Zoom-out Intro Effect with CSS3

Today’s resource is a full-width header image, animated using the CSS3 scale property and jQuery to simulate a 3D zoom-out effect and reveal the main content of the page.

Story Tale : jQuery CSS3 Animation on Scroll

Story Tale : jQuery CSS3 Animation on Scroll

CSS 3 Animations Triggered on Scroll, but with a Twist of a Story.

3D Rotating Navigation with CSS3

3D Rotating Navigation with CSS3

A 3D rotating navigation, powered by CSS transformations. Animated elements are key ingredients of the user experience. In this case a 3D menu can’t just be fun. It has to be efficient.

REVIEWER : Rating and Review Wizard with jQuery & PHP

REVIEWER : Rating and Review Wizard with jQuery & PHP

REVIEWER is an HTML5/CSS3 review wizard system with progress bar that send the result to your email and summary/thank you email to the user who fill the form. It’s responsive, can be used of other types of forms. You can add how many steps you need.

Features:

  • Valid and clean HTML5/CSS3 code
  • Bootstrap 3 Based: looks nice on all devices
  • Wizard with progress bar
  • Rating system
  • PHP Working form that send the review data
  • Confirmation email to the user who fill the form (plus optional review summary)
  • Jquery validation
  • Jquery Tweet Feed that support the new API V1.1

Animate Text with SVG Paths & CSS3

Animate Text with SVG Paths & CSS3

This technique allows you to animate the drawing of text via converting text to SVG paths.SVG path animation is a trending technique in web-design allowing designers to draw simple and elegant icons. Now, designers can easily apply SVG animations to text.

RCW forms : Flat, responsive, flexible form framework

RCW forms : Flat, responsive, flexible form framework

RCW forms is a set of form elements build with the help of various frameworks and libraries, that gives you the necessary tools to create any type of web form.

jQuery File Browser Awesome

jQuery File Browser Awesome

Today we want to share a cool experiment with you. It is a file browser awesome, which you can upload to a folder somewhere on your site and share documents, pictures and other files with the world. The app is built with PHP, jQuery, fontawesome and uses CSS3.



Best jQuery websites design awards