Submit your widget
134
Yays

Very Useful CSS3 Rounded ImageS With jQuery

  Views 15816   downloads 2277   Image Effects

The other day I was trying to style CSS3 border-radius to image element and I realized that Firefox doesn’t display border-radius on images. Then I figured a way to work around it — wrap a…

189
Yays

jQuery cool hover Slide Effect

  Views 48253   downloads 5519   Slideshow & Scroller

Setting up our files Ok let’s start by opening our text editor and creating a new html document, save this to your desktop as “index.html”. Now create a new css file and save this as…

136
Yays

jQuery plugin for selecting area of an image

  Views 13410   downloads 2223   Image Effects

imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such…

154
Yays

jQuery useful Animation Banner

  Views 22597   downloads 4329   Image Effects

we will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that will animate step-wise in a custom way. We will be using the jQuery Easing Plugin and…

184
Yays

Basic image Rotate effect with jQuery

  Views 32230   downloads 3056   Image Effects

Description: This is an final product of a Wilq32.PhotoEffect Snippet (browse blog to get more information). Actually you can use this simple and tiny script to rotate images (any angle) directly on client…

154
Yays

Jquery And CSS3 Virtual Light Table With Draggable Photos

  Views 21858   downloads 3137   Image Effects

how to use CSS3 and jQuery to create a nice-looking virtual light table with draggable photos. A traditional light table is a flat illuminated panel that you can place transparent slides on for viewing.…

178
Yays

Annotation Overlay Effect with jQuery

  Views 17027   downloads 2437   Image Effects

we will create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio. The Markup The HTML is pretty simple: we have a main “portfolio” wrapper…

201
Yays

CSS3 Super slick jQuery menu

  Views 32050   downloads 5194   Menu & Navigation

The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It's fairly easy to…

152
Yays

Jquery Image Fade Cross Transition

  Views 19739   downloads 2398   Image Effects

  Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer…

177
Yays

jQuery fading header effect

  Views 33987   downloads 3372   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…

149
Yays

jQuery plugin ImageView

  Views 18519   downloads 2384   Image Effects

This is  jQuery plugin which can help you to create image viewing in your site more useful. Code excample <div id="imageView_container"> <img src="photos/image-800x500.jpg" rel="photos/image-1680x1050.jpg"…

138
Yays

Amazing Webkit Image Hover Effects with CSS3

  Views 17252   downloads 2686   Image Effects

Image Shrink Effect The image will shrink if you put your mouse pointer on top of it. It is achieved by using the -webkit-transform:scale(value) property. The HTML <div id="demo-1" class="demobox">…

172
Yays

Yoyo hover effect jQuery and CSS3

  Views 19288   downloads 2880   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…

177
Yays

CSS and Jquery: an Image Slider

  Views 21185   downloads 3204   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…

270
Yays

jQuery Plugin: rotate3Di - Flip HTML content in 3D

  Views 29004   downloads 4584   Image Effects

Rotate3Di is a jQuery Effect Plugin that makes it possible to do an isometric 3D flip or 3D rotation of any HTML content. It also enables custom 3D rotation animations. CSS Transforms are used to create…