Submit your widget
129
Yays

Sexy Image Hover Effects using CSS3

6 years ago   Views 41743   downloads 11147   Image Effects

In this example I am going to show to How to create a sexy css effect on image hover.This kinda effect you have seen before in Flash or in javascript as well.But why use Flash or js when CSS can do the…

139
Yays

Sliding Image Gallery CSS3

6 years ago   Views 30101   downloads 3271   Slideshow & Scroller

Sliding Image Gallery - Auf Basis von CSS3 sind auch ohne JavaScript fliessend animierte Übergänge bei Webseiten-Elementen wie Bilder-Galerien möglich.  Step 1: Definieren der HTML-Struktur…

151
Yays

Accordion Menu mit Slide-Effekt im Apple-Style CSS3

6 years ago   Views 25250   downloads 5312   Accordion

Step 1: Definieren der HTML-Struktur Das HTML-Grundgerüst dieses Accordion-Menüs behinhaltet drei fiktive Menüpunkte ( Brand, Promotion, Event ) verwendet, die interessierten CSS-Anwendern…

151
Yays

Formular Design mit CSS3 - Visuelle Gestaltung und der Verzicht auf Grafiken

6 years ago   Views 14160   downloads 2384   Form

Kommentar- / Kontakt-Formular - HTML Struktur Um nicht mehr Daten von potentiellen Kommentatoren abzufragen als nötig und um die Gestaltung durch CSS von der Strukturierung der Daten durch entsprechende…

123
Yays

usability-conscious link CSS3 styles

6 years ago   Views 6518   downloads 1382   Text & Link Effects

This example offers a good overview of different effects you can use for links, including color and underline, backgrounds, and animations. It’s a good starting place if you’re trying to figure…

136
Yays

Image-free Tooltip Pointers jQuery - A Use for Polygonal CSS

6 years ago   Views 12221   downloads 2740   Tooltips

The Design Approach The jQuery UI planning wiki page has several examples for the tooltips we intend to build into the library. For this article though, we're just focusing the following simple tooltip…

127
Yays

jQuery tabs plugin

6 years ago   Views 14928   downloads 2297   Tabs

Lazy Tabs is jQuery plugin created for Lazy framework but it can be used (in his alone version) as every other JQuery plugin. It implements a Tab panel interface. The HTML structure has to looks like…

155
Yays

CSS Swap Hover Effect

6 years ago   Views 20104   downloads 3091   Image Effects

It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to achieve, so I would like to share it with…

145
Yays

Codename Rainbows jQuery

6 years ago   Views 20504   downloads 2660   Text & Link Effects

We use some JavaScript and CSS magic to apply a two-color gradient to any text. Shadows and highlights can also be applied. This works especially well on big sites or dynamic content where it'd be impractical…

139
Yays

Jemjabella Menu jQuery

6 years ago   Views 14959   downloads 1962   Menu & Navigation

The menu itself was marked up in a (semantically correct) unordered list, like so: <ul id="navigation"> <li><a href="#">link one</a></li> <li><a href="#">link…

163
Yays

jQuery CSS3 Overlap that Menu

6 years ago   Views 17404   downloads 2492   Menu & Navigation

If you have ever wanted to do something a bit different with your main navigation, how about having your items overlap each other? Using position: absolute; on our links allows us to do this. The first…

123
Yays

The Wire Tumblr in Realtime-alike jQuery

6 years ago   Views 18083   downloads 2075   Image Effects

we’ll try to discuss how to make an image walking like in “The Wire Tumblr in Realtime”. Actually, that image walking makes use of a very simple technic; the script automatically prepends…

169
Yays

jQuery : Checkbox & Table

6 years ago   Views 28580   downloads 3828   Form

Today’s code snippet is how to automagically check/uncheck checkbox element by clicking a single row of a table using jQuery. Firstly we add click event on the table’s row, it will help us…

160
Yays

Take Control of Your Table View jQuery

6 years ago   Views 15611   downloads 2156   Table

The Case Each user has a different tastes in viewing our content, including data in a table. I, for example, always enjoy seeing the font in a smaller size but my friend didn’t. It just a font size,…

133
Yays

Simple Flip Puzzle Effect like Apple with jQuery

6 years ago   Views 14430   downloads 1773   Image Effects

Gradient and Flipping Technique I said that the advertisement makes use of puzzle paper effect. In order to create this effect, we give a lighting from certain angle to each block layer that we stacked…