Submit your widget
90
Yays

jQuery and CSS3 “Next Level” animation Search Form

Views 19113   downloads 3552   Form

we found ton of new style search form crafted beautifully using CSS3 and JavaScript. Apple’s for example, widen the input field when it receive focus from user. The question is “how far we…

60
Yays

Very using jQuery Anystretch effect

Views 17027   downloads 1999   Image Effects

jQuery Anystretch Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will…

81
Yays

Like apple CoverScroll plugin

Views 28330   downloads 6689   Slideshow & Scroller

This is a CSS3 variant of the Apple's CoverFlow design pattern Usage HTML <div id="container"> <img src="img1.jpg" /> <img src="img2.jpg" /> <img…

85
Yays

jQuery cool auto moving submenu

Views 37805   downloads 7601   Menu & Navigation

we’re going to create an automatic moving submenu based on selected its parent. Each submenu is horizontally stacked, sequentially in the order of their parent menu. So when user moving their cursor…

61
Yays

jQuery diagonal rotation with CSS3 transitions

Views 12747   downloads 2095   Image Effects

We start with minimal markup. Always make your markup as simple as possible; don’t duplicate elements unless absolutely necessary. Markup should be a semantic outline of your content. With that…

77
Yays

jQuery images Scroller effect

Views 36904   downloads 7280   Slideshow & Scroller

Scroller is a plugin for jQuery that allows display images in the form of round markers JavaScript $('.scroller').scroller({ element: 'a', // (string) HTML element direction: 'horizontal',…

75
Yays

Awesome CSS3 and jQuery Login Form

Views 23408   downloads 6816   Form

we will code the Login Form that you can find in Futurico UI Pro made by Vladimir Kudinov. To create it we will use CSS3 and jQuery. Step 1 – HTML Markup Let’s start creating the HTML markup.…

66
Yays

Multiple CSS3 Image Styles

Views 16016   downloads 3219   Image Effects

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn't render the CSS style perfectly. However, if the image is applied as background-image, you can…

71
Yays

Cool jQuery images Filters effect

Views 19367   downloads 3691   Image Effects

Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that. JavaScript $('.filters').filters({…

75
Yays

Useful CSS3 animation and transitions with jQuery

Views 12388   downloads 2422   Layout & Interface

CSS3 transitions alone don’t always quite cut it. We can use a little help from jQuery to get better control over them and push them just a bit further. Val Head shows us how CSS animation and transitions…

84
Yays

jQuery and CSS3 interactive interior guide -----tooltips

Views 20449   downloads 4973   Tooltips

We will create isometric interactive interior guide with CSS3 and jQuery. As usual, we start with the HTML. Here is full html code of our guide page. You can see here main scene (container object), six…

66
Yays

CSS3 and jQuery Blur Menu

Views 17597   downloads 3672   Menu & Navigation

In this experiment will show you how to achieve a simple blur effect applied on menu elements. HTML The first step is to lay down the HTML markup. Our structure is very simple. <div class="menu">…

68
Yays

Pure CSS3 Google-styled buttons

Views 14249   downloads 3530   Buttons & Icons

Google rolled out a new design across many of their services as part of the Google+ launch. The new look presents a sleeker, simplified Google that puts the emphasis on your data and not on the interface.…

77
Yays

jQuery Chop Slider photo album effect

Views 25961   downloads 8500   Slideshow & Scroller

This is a new impressive jQuery slider – Chop. This slider have already had quite 200 different transition effects. Here are many 2D and 3D effects. Plus, here are you can find even few NonCss3…

63
Yays

Awesome Horizontal scroll bar graph

Views 12549   downloads 2304   Graph & Chart

This is an animated, horizontal bar graph using jQuery, CSS3 properties (such as: gradients, border-radius, rgba) and CSS3 transitions. HTML <div class="bar"> <div class="percent">…