How To Create A YouTube Style Button Using HTML/CSS3

A video tutorial showing how to quickly create a button similar to the “Create Account” button displayed on the YouTube homepage using HTML and CSS3.

Using the Coda text editor we can edit our HTML/CSS, preview in browser and also compare this to the YouTube button all in one window!

View the demo:

View the source:

CSS3 gradient generator used in tutorial:

More advanced CSS3 gradient generator:




Hi, call me Joe. I am a traveller, a runner, a beer drinker, a film lover, a web developer, a hiker and not a very good darts player. I am from the UK, have a BSc in Computer Science from Cardiff University and currently live in Canada.

No Comments

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked