HomeХобби и стильRelated VideosMore From: Carly Anne

Styling Buttons in CSS: Guide

70 ratings | 11510 views
Here's a fast guide to styling buttons in CSS! Sorry about uh, being awkward. There might be better practices as well so now that you've seen it in action, I highly suggest doing some extra reading... Extra Reading & Examples: http://caniuse.com/ http://hellohappy.org/css3-buttons/ http://css3buttongenerator.com/ http://purecss.io/buttons/ http://www.css3.info/preview/box-shadow/ http://www.css3.info/preview/rounded-border/ http://css-tricks.com/css3-gradients/ Completed HTML and CSS demo: http://jsfiddle.net/carlyanne/kwx842xb/ Brackets: http://brackets.io/ I make no money off of these videos, and use any included fonts in the previews, or tutorials under a personal use license. The font I used for this preview card is Mission Gothic, which if you fancy you can buy and download here: http://www.losttype.com/font/?name=missiongothic
Html code for embedding videos on your blog
Text Comments (10)
ShillBullshit007 (28 days ago)
Awesome....how big is that....;o)
Lex (10 months ago)
I have a grey outline around my button... can somebody help my?
Ghayas Ahsan (1 year ago)
My Sweeto !!! Zoom Please Or Black Background. I can only hear your voice and sleeps... MUAAAAH
Gorblah (14 days ago)
Do what? ( * possibly * r/havingastoke)
Jasmine Suarez (1 year ago)
Thank you!
tsifouchas (1 year ago)
now that's a nice tutorial. Kepp it up :)
Rob (1 year ago)
Very helpful. Thank you.
Fathia Gamal (2 years ago)
I have a very nice css gradiant button style in css: http://pasted.co/2a30ae5b Copy and paste the source code in a text editor and save as name.html and run through your browser Enjoy!
Glory Fk (2 years ago)
Paul Dimasalang (3 years ago)
Thank you! I love your voice :)

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.