Submit your widget

Display Images with Shape Masking and Nifty Zoom Effect with jQuery

  Views 7394   downloads 2212   Image Effects

we are going to show you how to mask images with shapes plus some nifty zoom animation effects with just HTML & CSS. I have seen this kind of styling and effect in many portfolio websites and let…


Create Attractive Animated Hover Effects Easily Magic

  Views 6653   downloads 1620   Image Effects

With the availability of open source projects, creating cool and subtle animation can be really fast and simple. By making use off-the-shelves library what we need to do is to create a structure and apply…


Beautiful canvas script to add magic to DOM elements

  Views 3550   downloads 625   Buttons & Icons

This is a little canvas script to add magic to DOM elements! Html <h1>A little canvas script to <span>add magic</span> to DOM elements!</h1> <button class="sparkley">Everything's…


Multiple Shake and Border with jQuery

  Views 3895   downloads 725   Layout & Interface

ShakeBorder jQuery Quick start 1.- Include the files <!-- Bootstrap and JQuery --> <link rel="stylesheet" href="bootstrap.min.css"> <script src="jquery.min.js">…


jQuery Float Label Pattern

  Views 11281   downloads 1263   Form

floatlabels.js Follows the famous Float Label Pattern. Built on jQuery. The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based…


simple jQuery Fading Background Color

  Views 21561   downloads 1806   Image Effects

we would like to experience with you another effect that is widely used these days, the Background Color Fading effect on hover. We’ll have a block of content that when the mouse moves over the…


accordion menu with jquery

  Views 31342   downloads 6145   Accordion

In this post, you’ll see two examples of accordion. First menu’s visibility get’s toggled on clicking on the header while the another menu’s visibility get’s toogled when…


jQuery fading header effect

  Views 21199   downloads 2902   Image Effects

The HTML and CSS The HTML is very straight forward. We have a h1 element with a link inside of it. We’re going to hook our Javascript onto our header (or whichever element we want to add this effect…


Yoyo hover effect jQuery and CSS3

  Views 16326   downloads 2306   Image Effects

Haven’t you ever just wanted a yoyo on your webpage? A beautiful, animated, spinning yoyo that slides down like a real yoyo would? The HTML There is very little HTML markup, so it is pretty easy…


CSS and Jquery: an Image Slider

  Views 18915   downloads 2670   Image Effects

Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an…


WanderWall – A jQuery, CSS3 & HTML5 Hover-Based Interface

  Views 23395   downloads 2437   Slideshow & Scroller

We'LLgoing to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based…


HoverAttribute jQuery plugin

  Views 12896   downloads 2170   Text & Link Effects

HoverAttribute is a jQuery plugin that allows you to make (link-)elements more dynamic by making an attribute of that element show up on hovering. This is foremost intended for <a> tags residing…


jQuery Mouse Events

  Views 19310   downloads 2328   Tooltips

HTML For us to make a tooltip we’re going to have some links to work with, and a container for our tooltip.  There is nothing too special here.  I placed the links in a header tag just…


Hover Accordion jQuery

  Views 43683   downloads 7413   Accordion

A jQuery Plugin for no-click two-level menus (or whatever else you want to do with it) Introduction This is yet another accordion script, except you don't have to click to open one item, you just move…


Sexy Images jQuery Plugin

  Views 23443   downloads 2370   Image Effects

This plugin allows you to create sexy hover effect for images on your page ;) Requried: jQuery 1.3+ Test with following browsers: Opera 10.0+ Mozilla Firefox 3.0+ Google Chrome 3.0.195 Safari 3.1+ (win)…