These are a sampling of 5 HTML/CSS only buttons. They should work nicely in modern browsers, and maintain functionality in older browsers – but I only tested in latest Chrome and FireFox.

I’d like to put out a pack of 20-30 different icons in a single style at some point, but for now these give a nice example of what you can do with simple CSS & HTML without convoluted or extraneous markup. Proper usage is largely maintained, for example the play button contains the word ‘play’ but is visually replaced using :after.

You can check out out the HTML/CSS buttons here.

Leave a Reply

Your email address will not be published. Required fields are marked *