Submit your widget
29
Yays

jQuery and CCS3 animates load button

5 months ago   Views 6394   downloads 1047   Buttons & Icons

This simple jQuery plugin animates the button's icon as the data are being fetched from the server. (Click on the buttons above for a demo - a timeout of 2 seconds imitates a server load). The button's…

67
Yays

blur background social share plugin

about a year ago   Views 26641   downloads 4715   Buttons & Icons

To list social accounts or share any page with 46 icons. Usage for socialProfiles: Place in your head section <link rel="stylesheet" href="assets/stylesheets/arthref.css"> Write…

102
Yays

Beautiful Pure CSS3 Buttons

about a year ago   Views 31384   downloads 7091   Buttons & Icons

we will be making some cool CSS3 buttons. They are based on the Futurico User Interface by Vladimir Kudinov and we will try to make a precise copy of them. Let’s get started… Step 1 –…

88
Yays

Pure CSS3 animated buttons

about a year ago   Views 18888   downloads 3557   Buttons & Icons

We are starting a new column called CSS3 Tricks. We will try to show you some neat tricks that you can use when designing your next website. In our first post we will show you how to create some simple…

99
Yays

Multiple Pure CSS3 Button Cross Browser

about a year ago   Views 15864   downloads 2959   Buttons & Icons

These buttons created entirely from CSS (no images used at all). They have been tested using Safari 5, Firefox 5, Chrome 12 and Opera 11.5 on the Mac. Sorry if you're using any form of Internet Explorer,…

94
Yays

Pure CSS3 Customizable Pressure Buttons

about a year ago   Views 20275   downloads 5037   Buttons & Icons

Customizable Pressure Style CSS Buttons You can use or edit these as much as you like without any credit. They’re compatible with the latest version of all the major browsers. Click on the demo…

96
Yays

Using jQuery and CSS to Create Buttons

about a year ago   Views 22198   downloads 1950   Buttons & Icons

A website that has an original look stands out from the rest. CSS buttons therefore are important. Perhaps they are even trivial to implement using basic CSS and jQuery events. However, creating any high-quality…

91
Yays

Pure CSS3 Google-styled buttons

2 years ago   Views 14683   downloads 3560   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.…

110
Yays

Awesome jQuery and CSS3 Shiny Knob Control

2 years ago   Views 25559   downloads 3124   Buttons & Icons

In this tutorial we will be writing a jQuery plugin for creating a shiny knob control. Aptly named knobKnob, this plugin will use CSS3 transformations and jQuery’s new event handling methods to…

88
Yays

CSS3 Cool Animated Buttons

2 years ago   Views 11123   downloads 2215   Buttons & Icons

we'll creating interactive animated elements (buttons) with CSS3. Step 1. HTML Here are full html code of our result. Pay attention to classes of buttons. In our experiment I used 2 different types…

102
Yays

CSS3 rotation starbursts effect

2 years ago   Views 11045   downloads 2690   Buttons & Icons

The  starburst will only work in browsers that support the CSS3 rotation property, currently that's Safari, Firefox, and Google Chrome. All other browsers will gracefully degrade to a simple…

140
Yays

Pure CSS3 multiple Animated Buttons

2 years ago   Views 18670   downloads 4894   Buttons & Icons

Still hyped by the possibilities of CSS3, I want to share some CSS3 button experiments with you. The idea is to create some animated link elements with different styles, hover effects and active states.…

93
Yays

jQuery Sliding show Download size Button

2 years ago   Views 14199   downloads 3677   Buttons & Icons

Here's an example of download size button . First off we'll be starting with making sure we are linking to the jQuery library. Here's the one I used for the demo, linking to the jQuery CDN…

117
Yays

Very Beautiful CSS3 transition Animated Buttons

2 years ago   Views 14164   downloads 3313   Buttons & Icons

This demo used a patterned background and placed vignette-style .pngs over the top which are animated using transition. The Set Up Each example in the demo is a single <a> element, so the HTML is…

111
Yays

jQuery like Skype buttons

2 years ago   Views 9413   downloads 1641   Buttons & Icons

If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left "jumps" for a few times. I love that animation. And…