Submit your widget
34
Yays

jQuery and CCS3 animates load button

  Views 8337   downloads 1406   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…

71
Yays

blur background social share plugin

  Views 29041   downloads 5224   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…

106
Yays

Beautiful Pure CSS3 Buttons

  Views 33166   downloads 7569   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 –…

92
Yays

Pure CSS3 animated buttons

  Views 19959   downloads 3901   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…

103
Yays

Multiple Pure CSS3 Button Cross Browser

  Views 16773   downloads 3169   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,…

99
Yays

Pure CSS3 Customizable Pressure Buttons

  Views 21954   downloads 5355   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…

106
Yays

Using jQuery and CSS to Create Buttons

  Views 23276   downloads 2126   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…

95
Yays

Pure CSS3 Google-styled buttons

  Views 15541   downloads 3789   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.…

114
Yays

Awesome jQuery and CSS3 Shiny Knob Control

  Views 26959   downloads 3357   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…

93
Yays

CSS3 Cool Animated Buttons

  Views 11699   downloads 2368   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…

109
Yays

CSS3 rotation starbursts effect

  Views 11712   downloads 2911   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…

146
Yays

Pure CSS3 multiple Animated Buttons

  Views 19546   downloads 5171   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.…

97
Yays

jQuery Sliding show Download size Button

  Views 14866   downloads 3880   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…

122
Yays

Very Beautiful CSS3 transition Animated Buttons

  Views 14955   downloads 3550   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…

115
Yays

jQuery like Skype buttons

  Views 9913   downloads 1774   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…