Submit your widget
29
Yays

jQuery and CCS3 animates load button

6 months ago   Views 6529   downloads 1082   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 26855   downloads 4751   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 31586   downloads 7147   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 18996   downloads 3591   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 15954   downloads 2976   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 20398   downloads 5077   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 22264   downloads 1962   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 14752   downloads 3577   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 25680   downloads 3141   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…

89
Yays

CSS3 Cool Animated Buttons

2 years ago   Views 11177   downloads 2228   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 11117   downloads 2719   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 18756   downloads 4920   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 14250   downloads 3693   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 14256   downloads 3345   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 9447   downloads 1650   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…