CSS BUTTONS

4 August 20


An ever growing collection of adaptable buttons for most scenarios.
Inclusive of animated, linear gradient, functioning download buttons.
Styled with CSS, so quite easy to alter to your taste.
Supplied with code to copy and paste.



Basic Buttons set 1
Basic Buttons Set 2


Basic Buttons Set 3

Basic Buttons set 2
Icon Buttons Set 4

Icon Left


Basic Buttons Set 5

Icons Right
Icon Buttons Set 6

Floating Icons Pink Buttons
Sliders Set 7

Sliding Backgrounds
Download Buttons Set 8

Download Buttons. [Change the filename to be downloaded.]


Dropdown Buttons

Buy Now

3 Day Sale

Up to 40%

Buy Now Advert Button

Ubuntu
Centos
Fedora
Linux Mint

Multiple Choice Download Button

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

CSS Tutorials

Alien Collection

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

Happy Days

COFFEE
BEANS

Five Column Full Width Dropdown

Neumorph

Neumorph Light



Neumorph Light Round

NeuMorph Light Rounded

NeuMorph Dark

NeuMorph Dark Rounded

NeuMorph Dark Rounded

Stepped Pressdown Buttons
Confirm
Delete
Accept
Paste

Proceed
Purchase
Switch
Info

Stepdown Buttons Large

Confirm
Delete
Accept
Paste
Proceed
Purchase
Switch
Switch

Stepdown Buttons Medium


Primary Secondary Success Danger warning Info Light Dark

Stepdown Buttons Traditional

Gradient Buttons

Gradient Border Buttons



Gradient Buttons

Radial Gradient Buttons


Radial Gradient Buttons

Skewed Buttons

Skewed Buttons

Button Opacity

Glass Buttons




That's it for this collection.
In the next collection I will be adding functioning buttons, including back to the top, dark/lightmode switches and more.