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 :)
over 1 year ago
WOW, great work! Thank you for share!
over 1 year ago
Pro
Matt Gentile
Thanks, glad you like it, enjoy :)
over 1 year ago
Pro
Yoga Perdana
great job! simple sleek button + texture!
over 1 year ago
Pro
Matt Gentile
Thank you
over 1 year ago
Pro
Sean Heisler
Great stuff, Matt.
over 1 year ago
Pro
Ali
Cool! :)
over 1 year ago
Pro
Matt Gentile
Thanks :D
over 1 year ago
Pro
Danil Fedorenko
Great work man!
over 1 year ago
Pro
Alexandre Protikhin
Fantastic background! And cool elements!
over 1 year ago
awesome stuff
over 1 year ago
Pro
Peter Fabricius
Background is dope! Great work Matt
over 1 year ago
Pro
Matt Gentile
Thanks everyone :)
over 1 year ago
Pro
Mike Beecham
Would love to learn how to get that background texture effect. Care to share?
over 1 year ago
Pro
Matt Gentile
Maybe in the near future ;)
over 1 year ago
Pro
James Scott
I love this but am curious how it will be implemented with those shadows? Will the shadow be forced clickable?
over 1 year 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 :)
over 1 year 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!
over 1 year 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.
over 1 year 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.
over 1 year ago