In this tutorial you ll create really cool hover effect. You ll be using SVG for the shape and Snap.svg for animating it on hover.
The idea is to create a SVG with one path that represents the shape background for some caption and to morph that path into another one on hover
Smoothslides is a responsive jQuery slideshow with Ken Burns style animations.
Features
ElastiStack is a little script that let's you navigate through a stack of items by dragging away the first one.
It comes with an elastic touch meaning that when dragging the top-most item, the other ones will follow as if they were connected elastically. When reaching a certain distance, the dragged item will release itself and the next item will pop out.
jQuery Fadeloader plugin lets you easily implement a preloader to your site or section, using a cascade fade in effect to show specific blocks of content.
slidr.js is a simple, lightweight javascript library for adding slide transitions to your page. No dependencies required.
Slides can contain any html content, no restrictions.
rainyday.js is a simple script for simulating raindrops falling on a window.
The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface.
A tutorial about Creating Pentagon Hover Effect by using CSS3 and jQuery. It smoothly meshes together a rotate effect with a slight nudge right to the image along with a colorization of the image.
Custombox is a jQuery modal window effects with CSS3 transitions. There are many effects such as FadeIn, Slide, Newspaper, Fall, Sidefall, Blur, Flip, Sign, Superscaled, Slit, Rotate,Letmein, Makeway, Slip etc.
jGallery is a customizable jQuery photo gallery with albums and preloader.
Features
NoVacancy.js is a text neon golden effect jQuery plugin.
Juicy Slider is a responsive slider/slideshow plugin for jQuery. Unlike other plugins that rely on CSS3 support of browser, this plugin adjusts image size by computing the corresponding aspect ratio of images and viewport using javascript. This makes it compatible with older browsers and more consistent.
The current release uses jQuery UI to set its transition effects.
AnimateScroll is a jQuery plugin which enables you to scroll to any part of the page in style by just calling the animatescroll()
function with the Id or Classname of the element where you want to scroll to.
AnimateScroll has many options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.
jQuery.BgSwitcher is a jQuery plugin to switch the background image with effects. Here are effect types that can be used: fade,blind,clip,slide,drop,hide (No effect)
Text Effects is a sci-fi style awesome effect made with jQuery. As a jQuery plugin, you can simply implement the effect on your website with only one line of script.
An on scroll effect template that animates the sides of sections once they are in the viewport. It works with adding a class for animating the two sides of a section.
There is an example effect defined and also some media queries for dealing with smaller screens.