jQuery CSS2 / CSS3.0 Plugin & Tutorials with Example

Xoverlay : CSS3 Image Hover Effects

Xoverlay : CSS3 Image Hover Effects

Xoverlay is a bundle of CSS attributes which will help you to add hover effects on your site. Here you will get 50+ effects and a huge plus point is you can combine it’s effects, therefore you can create more than 150+ effects.

MegaNavbar. Advanced Navbar for Bootstrap 3.0+

MegaNavbar. Advanced Navbar for Bootstrap 3.0+

The MegaNavbar is a Bootstrap 3.0+ based component, that uses the standard navbar markup, and the fluid grid system from Bootstrap 3. Work for fixed and responsive layout, and has the facility to include any Bootstrap component except dropdown. MegaNavbar is compatible with mobile devices and modern web browsers.

Features:

  • 100% Responsive Layout Design
  • Bootstrap Columns Grid based
  • Unlimited Color Schemes
  • Easy integration to any Web Projects
  • Font Awesome Icons Included
  • No additional JavaScript Required

Rippler : Effect that spreads like a wave in touch or click

Rippler : Effect that spreads like a wave in touch or click

Rippler is a  effect that spreads like a wave in touch or click with javascript and css3.

CSS3 Image Mapping using jQuery

CSS3 Image Mapping using jQuery

You might known that CSS is a language which is used to design a website.But,CSS3 is also used to draw and animate things like logos,ad banners,image transitions etc. Now, I’m going to explain you about image mapping technique using CSS3 and jQuery. The image mapping technique with an example of an interior guide,this is the most interactive guide than ever.

Responsive Newsletter Form with CSS3 & jQuery

Responsive Newsletter Form with CSS3 & jQuery

A minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.

3dbook : 3D Book Created with jQuery & CSS3

3dbook : 3D Book Created with jQuery & CSS3

This is 3d book created all by myself. All book is made by HTML5, CSS3 transitions and bit of javascript / jQuery code.

Menuzord – jQuery CSS3 Responsive Megamenu

Menuzord - jQuery CSS3 Responsive Megamenu

Menuzord is a responsive megamenu pack to help you to define a modern navigation for your website.

Features:

  • Fully Responsive
  • 16 Skins
  • Bootstrap compatible
  • 8 Color Schemes per Skin
  • Megamenu
  • Grid System
  • CSS animations
  • Right/Left alignment
  • Click or Hover

Closing Door Menu with CSS3 & jQuery

Closing Door Menu with CSS3 & jQuery

This effect is inspired by the Enjoy Aiia menu effect. It’s a closing door menu where 2 sides of the menu come together offscreen to create the final menu. I’ve created 4 variations, 2 vertical and 2 horizontal menus, each with 2 different animations: normal and bounce.

Waves : Click effect Inspired by Google’s Material Design

Waves : Click effect Inspired by Google's Material Design

Waves is a Click effect inspired by Google’s material design.

Scrolling Shadow Effect with CSS3 & jQuery

Scrolling Shadow Effect with CSS3 & jQuery

I stumbled across the VoicesHavePower website which uses a nice grid layout to separate its contents. It showcases stories each with a content panel that gives off a nice looking flat shadow. As you scroll through the website, each individual panel dynamically shifts the shadow based on where it is in your window. I’ve recreated this effect with CSS3 transform effects and some jQuery.



Best jQuery websites design awards