Tutorial – 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 t…

Don’t forget to check out our other video tutorials or share this video with a friend.

0 votes

Loading... 2,733 views

10 responses to “Tutorial – Create A YouTube Style Button Using HTML/CSS3”

1. UrbyCZ says:

   01/04/2014 at 7:19 pm

   Thank you :)

   Reply
2. NoharmPLus sub says:

   01/04/2014 at 8:18 pm

   @morehawes quick question how do i change the sizes of the button that you
   have just created, thanks

   Reply
3. currymonster says:

   01/04/2014 at 9:16 pm

   your awesome

   Reply
4. BaiatFinutzIonut says:

   01/04/2014 at 10:00 pm

   Thx very much !

   Reply
5. Fred Ngoulou says:

   01/04/2014 at 10:02 pm

   i made a button that sents you to this video 😀

   Reply
6. Daxterity says:

   01/04/2014 at 10:44 pm

   Nice tut thx

   Reply
7. alex white says:

   01/04/2014 at 11:27 pm

   you need to change the padding size, or the width size width:(x amount)px;

   Reply
8. ItzZoMbIEZ says:

   01/04/2014 at 11:49 pm

   Amazing, someone finally shows me how to do those rounded corners without
   images.

   Reply
9. Bogdan Alex says:

   02/04/2014 at 12:05 am

   Thanks man! You really helped me.

   Reply
10. morehawes says:

    02/04/2014 at 12:05 am

    @sachin limbu you can do this a few ways: 1/ Increase the padding on the
    button e.g a.button { padding: 16px 32px;} 2/ Increase the font size e.g
    a.button { font-size: 2em;} 3/ Set a width / height e.g. a.button { width:
    200px; height: 100px;} The numbers I have chosen are random so you will
    want to adjust accordingly.

    Reply