Creating CSS-only buttons


show more Creating CSS-only buttons provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation show less
please wait ...

Creating CSS-only buttons

In our last chapter we're going to focus on ways that we can enhance our navigation through multiple CSS techniques. With the recent focus on designing for multiple screens and devices, it's becoming increasingly important for designers to look for ways that CSS can make their sites more lightweight and flexible. Now, thankfully some of the more recent CSS capabilities greatly expand our ability to create artwork with just CSS. Take this button, for example. Now, in the past we'd have to rely on background images and lots of non-semantic markup to create it.

Well, now we can create it through pure CSS. So over the next few exercises we're going to create this button and explore some of CSS' newest features. So I've opened up the buttons.htm file from the 06_01 folder, and I wanted to show you the two elements on the page that we're going to be styling. We have an input submit, which is just the submit button you see on forms, and they typically are going to display a b...

Creating CSS-only buttons
Video duration: 8m 39s 5h 14m Beginner

Viewers:

Creating CSS-only buttons provides you with in-depth training on Developer. Taught by James Williamson as part of the CSS: Styling Navigation

Subjects:
Developer Web
Software:
CSS
Author:
please wait ...