Custom CSS Button Sprite

Custom CSS Button Sprite

promo2.jpeg

Here is a huge freebie that will be extremely useful for web developers and graphic designers. This is a custom designed CSS3 styled button sprite. For the definition of an "image sprite" please refer to Wikipedia's definition of Sprite (computer graphics).

This download is a .zip file that includes a Read Me file, a promotion image, promotion thumbnail, very large .png image that contains an already made "Download Now!" text inside the button area. Also comes with a .PSD file for people that own Photoshop, and a .XCF file for people that have Gimp. The Photoshop and Gimp files can be used to re-color, and edit completely. This is licensed under the Creative Commons Attribution 3.0 License so you are free to edit this as long as this work is linked back and given all credit to Icondeposit.com and the graphic designer Matt Gentile. It must be linked back to this page.

This work also comes with an already designed CSS stylesheet for the buttons, you will just need to customize it how your site is configured. If you do not know how to use these buttons on your site then please feel free to contact us.

If you would like to use the big download button on your site then here is the CSS code for it:

/* CSS code designed by Matt Gentile - Creator of Icondeposit.com */
.download_button {
    width: 492px;
    height: 120px;
    background: transparent url(images/downloadnowspriteback492.png) 0 0px no-repeat; /* When not hovered over */
}
.download_button:hover {
    width: 492px;
    height: 120px;
    background: transparent url(images/downloadnowspriteback492.png) 0 -121px no-repeat; /* When hovered over */
}
.download_button:active {
    width: 492px;
    height: 120px;
    background: transparent url(images/downloadnowspriteback492.png) 0 -243px no-repeat; /* When you press down on the icon or the icon is activated (clicked on) */
}

Download This CSS Button!

22 Mar 2011 23:45

rating: +1+x

Add a New Comment
developer-icon-set.png

About Us

Here at the Icon Deposit, we give you the opportunity to post your icons, designs, codes, and screenshots to promote your work and gain new clients. We feature hundreds of free icons, icon sets, UI/UX design, illustrator graphics, vector art, code tutorials for CSS, CSS3, JQuery, photoshop tutorials and tons more. If you would like a custom design or website built, Contact Us.

Popular Posts

Copyright © 2011-2015 Icon Deposit - All rights Reserved