This is the UI Kit I said I was going to release. It includes check boxes, a loader, sliders, on/off switches, buttons and more! Everything is all vector, so you can re-scale this to any size if needed. This also includes a Photoshop PSD like always, Enjoy :)
Its simple to do using css. Sometimes z-index is your friend, just a hint ;) The shadow shouldn't be clickable. Try using more than one class or id (try layering them using z-index), just don't have the shadow clickable and it should look great :)
Thanks James :) I'll try to make a CSS version of one of my kits one day if I have time. You can do a lott of fancy things and tricks with CSS3 to make it look like jquery was applied.
The problem I have with the look of these buttons is because of your lighting. Most of the buttons look like the angle inwards toward the middle to the bottom. Instead of being linear. Otherwise it's a nice set.
20 Responses
Pro
Matt Gentile
Grab the free PSD here: http://www.icondeposit.com/design:24
This is the UI Kit I said I was going to release. It includes check boxes, a loader, sliders, on/off switches, buttons and more! Everything is all vector, so you can re-scale this to any size if needed. This also includes a Photoshop PSD like always, Enjoy :)
3 months ago
WOW, great work! Thank you for share!
3 months ago
Pro
Matt Gentile
Thanks, glad you like it, enjoy :)
3 months ago
great job! simple sleek button + texture!
3 months ago
Pro
Matt Gentile
Thank you
3 months ago
Pro
Sean Heisler
Great stuff, Matt.
3 months ago
Cool! :)
3 months ago
Pro
Matt Gentile
Thanks :D
3 months ago
Great work man!
3 months ago
Fantastic background! And cool elements!
3 months ago
awesome stuff
3 months ago
Pro
Peter Fabricius
Background is dope! Great work Matt
3 months ago
Pro
Matt Gentile
Thanks everyone :)
3 months ago
Pro
Mike Beecham
Would love to learn how to get that background texture effect. Care to share?
3 months ago
Pro
Matt Gentile
Maybe in the near future ;)
3 months ago
Pro
James Scott
I love this but am curious how it will be implemented with those shadows? Will the shadow be forced clickable?
3 months ago
Pro
Matt Gentile
Its simple to do using css. Sometimes z-index is your friend, just a hint ;) The shadow shouldn't be clickable. Try using more than one class or id (try layering them using z-index), just don't have the shadow clickable and it should look great :)
3 months ago
Pro
James Scott
Yeah but you'll need some jquery to apply this to a radial or checkbox correct? Do you have any working examples? I'd love to see how it's done.
I've styled UI before but never with the ability to layer absolute div's to create this much depth.
Nice work homie!
3 months ago
Pro
Matt Gentile
Thanks James :) I'll try to make a CSS version of one of my kits one day if I have time. You can do a lott of fancy things and tricks with CSS3 to make it look like jquery was applied.
3 months ago
Pro
The Skins Factory
The problem I have with the look of these buttons is because of your lighting. Most of the buttons look like the angle inwards toward the middle to the bottom. Instead of being linear. Otherwise it's a nice set.
16 days ago